1<!DOCTYPE html><html lang="en-US"> 2<!-- Mirrored from home-design.ai/interior-design-ai by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 20 Jan 2026 15:05:24 GMT --> 3<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack --> 4<head><meta charset="utf-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1"> 6<title>Smart AI Interior Design for Stylish Rooms | Home Design AI</title> 7<style>/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com *//*! 8* SlickImageCompare v0.4.11 9* https://lemon3.github.io/slick-image-compare 10*/@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:host,:root{--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-100:oklch(96.2% .044 156.743);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-emerald-500:oklch(69.6% .17 162.48);--color-blue-500:oklch(62.3% .214 259.815);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:1.33333;--text-sm:.875rem;--text-sm--line-height:1.42857;--text-base:1rem;
10--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--text-3xl:1.875rem;--text-3xl--line-height:1.2;--text-4xl:2.25rem;--text-4xl--line-height:1.11111;--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--leading-tight:1.25;--radius-xs:.125rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::file-selector-button{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}
10button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){*{border-color:color-mix(in oklab,var(--muted-foreground)20%,transparent)}}*{outline-color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--muted-foreground)50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{border-width:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.-top-1{top:calc(var(--spacing)*-1)}.-top-2{top:calc(var(--spacing)*-2)}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\/2{top:50%}.top-1\/3{top:33.3333%}.top-2{top:calc(var(--spacing)*2)}.top-2\/3{top:66.6667%}.top-4{top:calc(var(--spacing)*4)}.top-6{top:calc(var(--spacing)*6)}.top-\[-5px\]{top:-5px}.top-\[50\%\]{top:50%}.-right-1{right:calc(var(--spacing)*-1)}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-6{right:calc(var(--spacing)*6)}.-bottom-1{bottom:calc(var(--spacing)*-1)}.bottom-0{bottom:calc(var(--spacing)*0)}.-left-1{left:calc(var(--spacing)*-1)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-1\/3{left:33.3333%}.left-2\/3{left:66.6667%}.left-4{left:calc(var(--spacing)*4)}.left-14{left:calc(var(--spacing)*14)}.left-\[50\%\]{left:50%}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.order-1{order:1}.order-2{order:2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-4{margin:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-\[8px\]{margin-top:8px}.mt-\[12px\]{margin-top:12px}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mr-6{margin-right:calc(var(--spacing)*6)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.mb-16{margin-bottom:calc(var(--spacing)*16)}.mb-20{margin-bottom:calc(var(--spacing)*20)}.mb-\[12px\]{margin-bottom:12px}.ml-0\.5{margin-left:calc(var(--spacing)*.5)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-64{height:calc(var(--spacing)*64)}.h-108{height:calc(var(--spacing)*108)}.h-\[6px\]{height:6px}.h-\[32px\]{height:32px}.h-\[64px\]{height:64px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-0{max-height:calc(var(--spacing)*0)}.max-h-20{max-height:calc(var(--spacing)*20)}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-96{max-height:calc(var(--spacing)*96)}.max-h-\[60vh\]{max-height:60vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[200px\]{max-height:200px}.max-h-\[600px\]{max-height:600px}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\[80px\]{min-height:80px}.min-h-\[100px\]{min-height:100px}.min-h-\[300px\]{min-height:300px}.min-h-\[400px\]{min-height:400px}.min-h-\[600px\]{min-height:600px}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-32{width:calc(var(--spacing)*32)}.w-48{width:calc(var(--spacing)*48)}.w-64{width:calc(var(--spacing)*64)}.w-80{width:calc(var(--spacing)*80)}.w-\[32px\]{width:32px}.w-\[64px\]{width:64px}.w-\[192px\]{width:192px}.w-\[500px\]{width:500px}.w-\[550px\]{width:550px}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[92vw\]{max-width:92vw}.max-w-\[500px\]{max-width:500px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[8\.5rem\]{min-width:8.5rem}.min-w-\[9rem\]{min-width:9rem}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.translate-x-1{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-1{--tw-translate-x:calc(var(--spacing)*1)}.translate-x-6{--tw-translate-x:calc(var(--spacing)*6)}.translate-x-6,.translate-x-\[-50\%\]{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.-translate-y-1\/2,.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-\[1\.02\]{scale:1.02}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-ew-resize{cursor:ew-resize}.cursor-nesw-resize{cursor:nesw-resize}
10.cursor-not-allowed{cursor:not-allowed}.cursor-ns-resize{cursor:ns-resize}.cursor-nwse-resize{cursor:nwse-resize}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:calc(var(--spacing)*0)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-12{gap:calc(var(--spacing)*12)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*.5*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*.5*var(--tw-space-y-reverse))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*1*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*1*var(--tw-space-y-reverse))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*2*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*2*var(--tw-space-y-reverse))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*3*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*3*var(--tw-space-y-reverse))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*4*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*4*var(--tw-space-y-reverse))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*6*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*6*var(--tw-space-y-reverse))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*8*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*8*var(--tw-space-y-reverse))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*12*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*12*var(--tw-space-y-reverse))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*1*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*1*var(--tw-space-x-reverse))}:where(.space-x-1\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*1.5*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*1.5*var(--tw-space-x-reverse))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*2*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*2*var(--tw-space-x-reverse))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*3*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*3*var(--tw-space-x-reverse))}:where(.space-x-8>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*8*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*8*var(--tw-space-x-reverse))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-xs{border-radius:var(--radius-xs)}
10.rounded-l-lg{border-bottom-left-radius:var(--radius);border-top-left-radius:var(--radius)}.rounded-r-lg{border-bottom-right-radius:var(--radius);border-top-right-radius:var(--radius)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#3c4043\]{border-color:#3c4043}.border-background\/20{border-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.border-background\/20{border-color:color-mix(in oklab,var(--background)20%,transparent)}}.border-border{border-color:var(--border)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-input{border-color:var(--input)}.border-muted{border-color:var(--muted)}.border-muted-foreground\/20{border-color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.border-muted-foreground\/20{border-color:color-mix(in oklab,var(--muted-foreground)20%,transparent)}}.border-muted-foreground\/25{border-color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.border-muted-foreground\/25{border-color:color-mix(in oklab,var(--muted-foreground)25%,transparent)}}.border-primary,.border-primary\/20{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.border-primary\/20{border-color:color-mix(in oklab,var(--primary)20%,transparent)}}.border-red-200{border-color:var(--color-red-200)}.border-red-500{border-color:var(--color-red-500)}.border-red-600{border-color:var(--color-red-600)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-yellow-200{border-color:var(--color-yellow-200)}.border-t-transparent{border-top-color:#0000}.bg-\[\#f5f5f5\]{background-color:#f5f5f5}.bg-background,.bg-background\/95{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/95{background-color:color-mix(in oklab,var(--background)95%,transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/0{background-color:#0000}@supports (color:color-mix(in lab,red,red)){.bg-black\/0{background-color:color-mix(in oklab,var(--color-black)0%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black)70%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-card{background-color:var(--card)}.bg-foreground{background-color:var(--foreground)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-muted,.bg-muted\/20{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/20{background-color:color-mix(in oklab,var(--muted)20%,transparent)}}.bg-muted\/30{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/30{background-color:color-mix(in oklab,var(--muted)30%,transparent)}}.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\/2{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/2{background-color:color-mix(in oklab,var(--primary)2%,transparent)}}.bg-primary\/5{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/5{background-color:color-mix(in oklab,var(--primary)5%,transparent)}}.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.bg-primary\/20{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/20{background-color:color-mix(in oklab,var(--primary)20%,transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-secondary{background-color:var(--secondary)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab}.bg-gradient-to-br,.bg-gradient-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-background{--tw-gradient-from:var(--background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var
10(--tw-gradient-to-position))}.from-black\/70{--tw-gradient-from:#000000b3}@supports (color:color-mix(in lab,red,red)){.from-black\/70{--tw-gradient-from:color-mix(in oklab,var(--color-black)70%,transparent)}}.from-black\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-neutral-900{--tw-gradient-from:var(--color-neutral-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-primary{--tw-gradient-from:var(--primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-primary\/10{--tw-gradient-from:var(--primary)}@supports (color:color-mix(in lab,red,red)){.from-primary\/10{--tw-gradient-from:color-mix(in oklab,var(--primary)10%,transparent)}}.from-primary\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-red-500{--tw-gradient-from:var(--color-red-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-accent\/10{--tw-gradient-via:var(--accent)}@supports (color:color-mix(in lab,red,red)){.via-accent\/10{--tw-gradient-via:color-mix(in oklab,var(--accent)10%,transparent)}}.via-accent\/10{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-card{--tw-gradient-via:var(--card);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-neutral-800{--tw-gradient-via:var(--color-neutral-800);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#e54242\]{--tw-gradient-to:#e54242;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-background{--tw-gradient-to:var(--background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-destructive{--tw-gradient-to:var(--destructive);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-neutral-900{--tw-gradient-to:var(--color-neutral-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-primary\/10{--tw-gradient-to:var(--primary)}@supports (color:color-mix(in lab,red,red)){.to-primary\/10{--tw-gradient-to:color-mix(in oklab,var(--primary)10%,transparent)}}.to-primary\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-red-500{--tw-gradient-to:var(--color-red-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var
10(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.fill-red-600{fill:var(--color-red-600)}.fill-yellow-400{fill:var(--color-yellow-400)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.py-20{padding-block:calc(var(--spacing)*20)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-8{padding-top:calc(var(--spacing)*8)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-10{padding-right:calc(var(--spacing)*10)}.pl-4{padding-left:calc(var(--spacing)*4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.whitespace-nowrap{white-space:nowrap}.text-\[\#71717a\]{color:#71717a}.text-\[\#fff\]{color:#fff}.text-background,.text-background\/70{color:var(--background)}@supports (color:color-mix(in lab,red,red)){.text-background\/70{color:color-mix(in oklab,var(--background)70%,transparent)}}.text-black{color:var(--color-black)}.text-foreground,.text-foreground\/70{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/70{color:color-mix(in oklab,var(--foreground)70%,transparent)}}.text-foreground\/80{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/80{color:color-mix(in oklab,var(--foreground)80%,transparent)}}.text-foreground\/90{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/90{color:color-mix(in oklab,var(--foreground)90%,transparent)}}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-green-600{color:var(--color-green-600)}.text-muted-foreground,.text-muted-foreground\/80{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/80{color:color-mix(in oklab,var(--muted-foreground)80%,transparent)}}.text-neutral-300{color:var(--color-neutral-300)}.text-neutral-400{color:var(--color-neutral-400)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-white{color:var(--color-white)}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white)90%,transparent)}}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-800{color:var(--color-yellow-800)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.accent-foreground{accent-color:var(--foreground)}.opacity-0{opacity:0}
10.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040)}.shadow-2xl,.shadow-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a)}.shadow-md,.shadow-sm{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a)}.ring,.ring-1,.shadow-xl{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
10dow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-black{--tw-ring-color:var(--color-black)}.ring-red-200{--tw-ring-color:var(--color-red-200)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.ring-offset-white{--tw-ring-offset-color:var(--color-white)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline:2px solid #0000;outline-offset:2px}}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm))}.transition{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-all{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-colors{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-opacity{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-shadow{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-transform{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:bg-black\/10:is(:where(.group):hover *){background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-black\/10:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.group-hover\:bg-black\/40:is(:where(.group):hover *){background-color:#0006}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-black\/40:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.group-hover\:bg-black\/50:is(:where(.group):hover *){background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-black\/50:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.group-hover\:bg-primary\/20:is(:where(.group):hover *){background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-primary\/20:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--primary)20%,transparent)}}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\:border-primary:hover,.hover\:border-primary\/30:hover{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:border-primary\/30:hover{border-color:color-mix(in oklab,var(--primary)30%,transparent)}}.hover\:border-primary\/40:hover{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:border-primary\/40:hover{border-color:color-mix(in oklab,var(--primary)40%,transparent)}}.hover\:border-primary\/50:hover{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:border-primary\/50:hover{border-color:color-mix(in oklab,var(--primary)50%,transparent)}}.hover\:border-red-400:hover{border-color:var(--color-red-400)}.hover\:border-red-600:hover{border-color:var(--color-red-600)}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}
10.hover\:bg-muted:hover,.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.hover\:bg-neutral-700:hover{background-color:var(--color-neutral-700)}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:from-primary:hover{--tw-gradient-from:var(--primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:from-primary\/90:hover{--tw-gradient-from:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:from-primary\/90:hover{--tw-gradient-from:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:from-primary\/90:hover{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-\[\#e54242\]:hover{--tw-gradient-to:#e54242;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-destructive\/90:hover{--tw-gradient-to:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:to-destructive\/90:hover{--tw-gradient-to:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:to-destructive\/90:hover{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-background:hover{color:var(--background)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-primary\/80:hover{color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:text-primary\/80:hover{color:color-mix(in oklab,var(--primary)80%,transparent)}}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-red-700:hover{color:var(--color-red-700)}.hover\:text-slate-600:hover{color:var(--color-slate-600)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-sha
10dow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.hover\:shadow-lg:hover,.hover\:shadow-sm:hover{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-primary:focus{border-color:var(--primary)}.focus\:border-red-600:focus{border-color:var(--color-red-600)}.focus\:border-transparent:focus{border-color:#0000}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
10dow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.focus\:ring-primary:focus{--tw-ring-color:var(--primary)}.focus\:ring-red-600:focus{--tw-ring-color:var(--color-red-600)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline:2px solid #0000;outline-offset:2px}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
10dow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-emerald-500:focus-visible{--tw-ring-color:var(--color-emerald-500)}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--destructive)}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}@supports (backdrop-filter:var(--tw )){.supports-\[backdrop-filter\]\:bg-background\/60{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.supports-\[backdrop-filter\]\:bg-background\/60{background-color:color-mix(in oklab,var(--background)60%,transparent)}}}@media (min-width:40rem){.sm\:mt-\[16px\]{margin-top:16px}.sm\:mb-4{margin-bottom:calc(var(--spacing)*4)}.sm\:mb-\[16px\]{margin-bottom:16px}.sm\:h-2\.5{height:calc(var(--spacing)*2.5)}.sm\:h-3\.5{height:calc(var(--spacing)*3.5)}.sm\:h-5{height:calc(var(--spacing)*5)}.sm\:h-6{height:calc(var(--spacing)*6)}.sm\:h-10{height:calc(var(--spacing)*10)}.sm\:h-11{height:calc(var(--spacing)*11)}.sm\:h-\[8px\]{height:8px}.sm\:h-\[40px\]{height:40px}.sm\:max-h-none{max-height:none}.sm\:w-2\.5{width:calc(var(--spacing)*2.5)}.sm\:w-3\.5{width:calc(var(--spacing)*3.5)}.sm\:w-5{width:calc(var(--spacing)*5)}.sm\:w-6{width:calc(var(--spacing)*6)}.sm\:w-10{width:calc(var(--spacing)*10)}.sm\:w-\[40px\]{width:40px}.sm\:w-\[256px\]{width:256px}.sm\:max-w-\[480px\]{max-width:480px}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:gap-3{gap:calc(var(--spacing)*3)}.sm\:gap-6{gap:calc(var(--spacing)*6)}.sm\:overflow-visible{overflow:visible}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:px-3{padding-inline:calc(var(--spacing)*3)}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.sm\:text-\[16px\]{font-size:16px}}@media (min-width:48rem){.md\:top-3\.5{top:calc(var(--spacing)*3.5)}.md\:right-4{right:calc(var(--spacing)*4)}.md\:order-1{order:1}.md\:order-2{order:2}.md\:flex{display:flex}.md\:hidden{display:none}.md\:inline{display:inline}.md\:inline-block{display:inline-block}.md\:h-5{height:calc(var(--spacing)*5)}.md\:h-8{height:calc(var(--spacing)*8)}.md\:max-h-\[90vh\]{max-height:90vh}.md\:w-5{width:calc(var(--spacing)*5)}.md\:w-8{width:calc(var(--spacing)*8)}.md\:w-72{width:calc(var(--spacing)*72)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:flex-nowrap{flex-wrap:nowrap}.md\:gap-3{gap:calc(var(--spacing)*3)}.md\:gap-4{gap:calc(var(--spacing)*4)}:where(.md\:space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*4*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*4*var(--tw-space-x-reverse))}:where(.md\:space-x-6>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*6*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*6*var(--tw-space-x-reverse))}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:px-5{padding-inline:calc(var(--spacing)*5)}.md\:px-6{padding-inline:calc(var(--spacing)*6)}.md\:py-2{padding-block:calc(var(--spacing)*2)}.md\:py-3\.5{padding-block:calc(var(--spacing)*3.5)}.md\:pt-6{padding-top:calc(var(--spacing)*6)}.md\:text-base{font-size:var(--text-base);
10line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media (min-width:64rem){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:py-20{padding-block:calc(var(--spacing)*20)}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}}:root{--background:oklch(100% 0 0);--foreground:oklch(25% 0 0);--card:oklch(99% .01 15);--card-foreground:oklch(25% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(25% 0 0);--primary:oklch(55% .22 25);--primary-foreground:oklch(100% 0 0);--secondary:oklch(75% .15 85);--secondary-foreground:oklch(25% 0 0);--muted:oklch(99% .01 15);--muted-foreground:oklch(45% 0 0);--accent:oklch(75% .15 85);--accent-foreground:oklch(100% 0 0);--destructive:oklch(55% .22 25);--destructive-foreground:oklch(100% 0 0);--border:oklch(92% 0 0);--input:oklch(96% 0 0);--ring:oklch(55% .22 25/.5);--chart-1:oklch(75% .15 85);--chart-2:oklch(55% .22 25);--chart-3:oklch(25% 0 0);--chart-4:oklch(99% .01 15);--chart-5:oklch(100% 0 0);--radius:.5rem;--sidebar:oklch(99% .01 15);--sidebar-foreground:oklch(25% 0 0);--sidebar-primary:oklch(55% .22 25);--sidebar-primary-foreground:oklch(100% 0 0);--sidebar-accent:oklch(75% .15 85);--sidebar-accent-foreground:oklch(25% 0 0);--sidebar-border:oklch(92% 0 0);--sidebar-ring:oklch(55% .22 25/.5)}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(14.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(14.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(98.5% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(39.6% .141 25.723);--destructive-foreground:oklch(63.7% .237 25.331);--border:oklch(26.9% 0 0);--input:oklch(26.9% 0 0);--ring:oklch(43.9% 0 0);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(26.9% 0 0);--sidebar-ring:oklch(43.9% 0 0)}.container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:1400px){.container{max-width:1400px}}.sic-main{--sicBgColor:#000c}[data-sic]{opacity:0}
10.sic-main{box-sizing:border-box;visibility:hidden;-webkit-tap-highlight-color:#0000;-webkit-tap-highlight-color:transparent;display:flex;max-width:100%;overflow:hidden;position:relative}.sic-main,.sic-main *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.sic-main:hover .sic-arrow-1{transform:translate(-2px)}.sic-main:hover .sic-arrow-2{transform:translate(2px)}.sic-main img{display:block;height:auto;max-width:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none!important;width:100%}.sic-main .sic-clip{height:100%;left:0;position:absolute;top:0;transform:translateZ(0);width:100%}.sic-main .sic-clip img{height:100%}.sic-main .sic-label{background:var(--sicBgColor);border-radius:3px;bottom:1em;color:#fff;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:14px;line-height:1em;max-width:calc(45% - 30px);padding:.5em 1em;position:absolute}.sic-main .sic-label-one{left:1em}.sic-main .sic-label-two{right:1em}.sic-main .sic-handle{position:absolute;transform:translateZ(0)}.sic-main .sic-line{position:absolute}.sic-main .sic-line:before{background-color:#fffc;box-shadow:0 0 4px #0003;content:""}.sic-main .sic-circle,.sic-main .sic-line:before{position:absolute;transition:transform .2s ease-out}.sic-main .sic-circle{border:2px solid #fff;border-radius:50%;box-sizing:border-box;filter:drop-shadow(0 0 2px #0003);height:40px;left:50%;margin-left:-20px;margin-top:-20px;top:50%;width:40px}.sic-main .sic-arrows{height:36px;position:absolute;width:36px}.sic-main .sic-arrow{height:32px;position:absolute;top:2px;transition:transform .2s ease-out;width:32px}.sic-main .sic-arrow-1{left:-6px}.sic-main .sic-arrow-2{right:-6px}.sic-main.sic-horizontal .sic-handle{height:100%;margin-left:-1px;top:0;width:2px}.sic-main.sic-horizontal .sic-line{height:50%;left:0;width:100%}.sic-main.sic-horizontal .sic-line:before{height:200%;left:0;width:100%}.sic-main.sic-horizontal .sic-line.sic-line-1{top:0}.sic-main.sic-horizontal .sic-line.sic-line-1:before{bottom:0;transform:translateY(-20px)}.sic-main.sic-horizontal .sic-line.sic-line-2{bottom:0}.sic-main.sic-horizontal .sic-line.sic-line-2:before{top:0;transform:translateY(20px)}.sic-main.sic-horizontal:hover *{cursor:col-resize}.sic-main.sic-vertical .sic-handle{height:2px;left:0;margin-top:-1px;width:100%}.sic-main.sic-vertical .sic-line{height:100%;top:0;width:50%}.sic-main.sic-vertical .sic-line:before{height:100%;top:0;width:100%}.sic-main.sic-vertical .sic-line.sic-line-1{left:0}.sic-main.sic-vertical .sic-line.sic-line-1:before{left:0;transform:translate(-20px)}.sic-main.sic-vertical .sic-line.sic-line-2{right:0}.sic-main.sic-vertical .sic-line.sic-line-2:before{right:0;transform:translate(20px)}.sic-main.sic-vertical .sic-arrows{transform:rotate(90deg)}.sic-main.sic-vertical:hover *{cursor:row-resize}.sic-main.interacting .sic-handle .sic-circle{transform:scale(0)}.sic-main.interacting .sic-handle .sic-line:before{transform:translateZ(0)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}
10@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}</style> 11<link rel="preload" as="fetch" crossorigin="anonymous" href="json/_payload67fc-11.json?b61776e3-c639-46e8-ba98-fd8fcca393e2"> 12<link rel="modulepreload" as="script" crossorigin href="js/l4vnvj3v.js"> 13<link rel="modulepreload" as="script" crossorigin href="js/drpgrh64.js"> 14<link rel="modulepreload" as="script" crossorigin href="js/bawtayww.js"> 15<link rel="modulepreload" as="script" crossorigin href="js/befbvfwm.js"> 16<link rel="modulepreload" as="script" crossorigin href="js/jbw6qwle.js"> 17<link rel="modulepreload" as="script" crossorigin href="js/c8wikt6i.js"> 18<link rel="modulepreload" as="script" crossorigin href="js/x-ks7w7v.js"> 19<link rel="modulepreload" as="script" crossorigin href="js/djbkge9-.js"> 20<link rel="modulepreload" as="script" crossorigin href="js/egpldjg1.js"> 21<link rel="modulepreload" as="script" crossorigin href="js/cvltficx.js"> 22<link rel="modulepreload" as="script" crossorigin href="js/gg7gywa7.js"> 23<link rel="modulepreload" as="script" crossorigin href="js/bu-41w3v.js"> 24<link rel="modulepreload" as="script" crossorigin href="js/ceelwtyc.js"> 25<link rel="modulepreload" as="script" crossorigin href="js/blsev_xb.js"> 26<link rel="preload" as="fetch" fetchpriority="low" crossorigin="anonymous" href="json/b61776e3-c639-46e8-ba98-fd8fcca393e2.json"> 27<link rel="prefetch" as="script" crossorigin href="js/bb9kjnnz.js"> 28<link rel="prefetch" as="script" crossorigin href="js/chcmf7lz.js"> 29<meta name="description" content="Interior Design AI enables you to create stylish interiors effortlessly. Experiment with layouts, colors, and décor while getting realistic previews."> 30<link rel="canonical" href="interior-design-ai.html"> 31<link rel="alternate" hreflang="en" href="interior-design-ai.html"> 32<link rel="alternate" hreflang="de" href="interior-design-ai-2.html"> 33<link rel="alternate" hreflang="es" href="interior-design-ai-3.html"> 34<link rel="alternate" hreflang="fr" href="interior-design-ai-4.html"> 35<link rel="alternate" hreflang="ja" href="interior-design-ai-5.html"> 36<link rel="alternate" hreflang="ko" href="interior-design-ai-6.html"> 37<link rel="alternate" hreflang="nl" href="interior-design-ai-7.html"> 38<link rel="alternate" hreflang="pt" href="interior-design-ai-8.html"> 39<link rel="alternate" hreflang="it" href="interior-design-ai-9.html"> 40<link rel="alternate" hreflang="x-default" href="interior-design-ai.html"> 41<link rel="icon" href="png/favicon.png"> 42<link rel="icon" type="image/png" href="png/favicon-16x16.png" sizes="16x16"> 43<link rel="icon" type="image/png" href="png/favicon-32x32.png" sizes="32x32"> 44<link rel="icon" type="image/png" href="png/favicon-48x48.png" sizes="48x48"> 45<link rel="icon" type="image/png" href="png/android-chrome-192x192.png" sizes="192x192"> 46<link rel="icon" type="image/png" href="png/android-chrome-512x512.png" sizes="512x512">
47<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"Creative Interior Design AI | Home Design AI","operatingSystem":"Windows 7+, OSX 10.6+","applicationCategory":"BrowserApplication","aggregateRating":{"@type":"AggregateRating","ratingValue":"4.8","ratingCount":"788641"},"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}</script>
vendor: 1 bytes, line 47
47
48<script type="text/javascript">(function(c,l,a,r,i,t,y){c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);})(window, document, "clarity", "script", "txogt1mu5h");</script>
vendor: 1 bytes, line 48
48
49<script type="module" src="js/l4vnvj3v.js" crossorigin></script>
49</head><body><div id="__nuxt"><div><!--[--><div class="min-h-screen bg-white"><!--[--><header class="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60"><div class="relative bg-gradient-to-r from-neutral-900 via-neutral-800 to-neutral-900 border-b border-primary/20"><div class="container mx-auto px-4 py-3 md:py-3.5"><div class="flex items-center justify-center gap-3 md:gap-4"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4 md:h-5 md:w-5 text-primary animate-pulse"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg><span class="hidden md:inline-block text-sm font-bold text-primary uppercase tracking-wider bg-primary/10 px-2 py-0.5 rounded">New Feature</span></div><div class="flex items-center gap-2 md:gap-3"><span class="md:text-base text-sm font-bold text-white">Floor Plan Generator</span><span class="text-[#fff] hidden md:inline">-</span><span class="hidden md:inline text-sm text-neutral-300">Create custom floor plans with AI by specifying rooms, dimensions, and styles</span></div><a href="floor-plan-generator.html" class="inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive text-primary-foreground rounded-md gap-1.5 has-[>svg]:px-2.5 h-8 px-4 md:px-5 text-sm font-semibold bg-primary hover:bg-primary/90">Try It Free â</a><button class="absolute right-2 md:right-4 top-2 md:top-3.5 p-1 rounded-full hover:bg-neutral-700 transition-colors" aria-label="Close announcement"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x h-4 w-4 text-neutral-400"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button></div></div></div><div class="container mx-auto flex h-16 items-center justify-between px-4"><a href="index.html" class="flex items-center space-x-2"><img src="png/favicon.png" alt="logo"><span class="md:text-xl font-bold text-foreground text-base">Home Design AI</span></a><nav class="hidden lg:flex items-center space-x-8"><a href="index.html" class="text-slate-500 hover:text-slate-600 transition-colors cursor-pointer">Home</a><div class="relative"><button class="text-slate-500 hover:text-slate-600 transition-colors cursor-pointer flex items-center">Home Design <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down-icon h-4 w-4 ml-1 transition-transform duration-300"><path d="m6 9 6 6 6-6"></path></svg></button><!----></div><div class="relative"><button class="text-slate-500 hover:text-slate-600 transition-colors cursor-pointer flex items-center">Interior Design <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down-icon h-4 w-4 ml-1 transition-transform duration-300"><path d="m6 9 6 6 6-6"></path></svg></button><!----></div><div class="relative"><button class="text-slate-500 hover:text-slate-600 transition-colors cursor-pointer flex items-center">Room Design <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down-icon h-4 w-4 ml-1 transition-transform duration-300"><path d="m6 9 6 6 6-6"></path></svg></button><!----></div><div class="relative"><button class="text-slate-500 hover:text-slate-600 transition-colors cursor-pointer flex items-center">AI Tools <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down-icon h-4 w-4 ml-1 transition-transform duration-300"><path d="m6 9 6 6 6-6"></path></svg></button><!----></div><div class="relative flex items-center gap-3"><div class="relative"><button class="text-slate-500 hover:text-slate-600 transition-colors cursor-pointer flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe-icon h-4 w-4 mr-2"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg> English <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down-icon h-4 w-4 ml-1 transition-transform duration-300"><path d="m6 9 6 6 6-6"></path></svg></button><!----></div></div><div class="flex items-center space-x-2 md:space-x-4 mr-6"><button class="px-3 py-2 md:px-6 md:py-2 bg-primary text-primary-foreground rounded-full font-medium hover:bg-primary/90 whitespace-nowrap text-xs md:text-sm"><span>Login</span></button></div></nav><nav class="lg:hidden flex items-center space-x-2"><div class="flex items-center"><button class="px-3 py-1.5 bg-primary text-primary-foreground rounded-full font-medium hover:bg-primary/90 whitespace-nowrap text-xs"><span>Login</span></button></div><div class="relative"><button class="text-slate-500 hover:text-slate-600 transition-colors cursor-pointer flex items-center text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu-icon w-5 h-5"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button><!----></div></nav></div></header><!----><!----><!----><!--]--><section class="relative overflow-hidden bg-gradient-to-br from-background via-card to-background py-12 lg:py-20"><div class="container mx-auto px-4"><div class="grid lg:grid-cols-2 gap-12 items-center"><div class="space-y-8"><div class="space-y-4"><h1 class="text-4xl lg:text-6xl font-bold text-balance leading-tight">Transform Your <span class="text-primary block">Interior Design</span> with AI</h1><p class="text-lg text-muted-foreground text-pretty max-w-lg">Professional AI-powered interior design AI tool that transforms your existing space
49s into stunning designs. Upload your room photos and watch our interior design AI create beautiful, personalized spaces instantly.</p></div><div class="flex flex-col sm:flex-row gap-4"><button class="px-6 py-3 bg-primary text-primary-foreground hover:bg-primary/90 rounded-md flex justify-center items-center group cursor-pointer">Start Interior Design Now <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right-icon ml-2 h-4 w-4 group-hover:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button><button class="px-6 py-3 border border-input bg-background hover:bg-accent hover:text-accent-foreground rounded-md cursor-pointer">How It Works</button></div><div class="flex flex-wrap items-center gap-6 pt-4"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check-icon h-5 w-5 text-primary"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-sm font-medium text-foreground">100% Free</span></div><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check-icon h-5 w-5 text-primary"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-sm font-medium text-foreground">No Signup Required</span></div><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check-icon h-5 w-5 text-primary"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-sm font-medium text-foreground">Unlimited Designs</span></div></div></div><div class="relative"><div class="rounded-2xl overflow-hidden bg-card border shadow-2xl"><img src="jpg/modern-luxury-living-room-interior-design-with-ai.jpg" class="w-full object-contain" alt="interior-design-ai-hero"></div></div></div></div></section><!--[--><section id="designer" class="py-16 bg-white"><div class="container mx-auto px-4"><div class="text-center mb-12"><h2 class="text-3xl lg:text-4xl font-bold mb-4">Try Interior Design AI Now</h2><p class="text-lg text-muted-foreground max-w-2xl mx-auto">Upload your room photo and experience the magic of AI interior design</p></div><div class="max-w-6xl mx-auto"><div class="w-full"><div class="grid lg:grid-cols-2 gap-8 items-stretch"><div class="flex flex-col"><div class="flex-1"><div class="h-full bg-white"><div class="p-6 space-y-6 h-full flex flex-col bg-white border rounded-lg"><div><label class="text-base font-medium block mb-2">Upload Your Room Image</label><div class="border-2 border-dashed border-muted-foreground/25 rounded-lg p-8 text-center hover:border-primary/50 transition-colors cursor-pointer relative overflow-hidden"><div class="relative z-10"><input type="file" accept="image/*" class="hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-upload-icon h-12 w-12 mx-auto text-muted-foreground mb-4"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" x2="12" y1="3" y2="15"></line></svg><p class="text-sm text-muted-foreground">Click to upload or drag and drop</p><p class="text-xs text-muted-foreground mt-1">PNG, JPG, JPEG up to 10MB</p></div><input type="file" accept="image/*" class="hidden"></div></div><div class="grid grid-cols-1 gap-4"><div><label class="text-base font-medium block mb-2">Room Type</label><select class="w-full p-2 border border-border rounded-md bg-background max-h-20 overflow-y-auto"><!--[--><option value="living room" selected selected>Living room</option><option value="Open Kitchen Living Room">Open Kitchen Living Room</option><option value="bedroom">Bedroom</option><option value="Bathroom">Bathroom</option><option value="kitchen">Kitchen</option><option value="dining room">Dining room</option><option value="attic">Attic</option><option value="study room">Study room</option><option value="home office">Home office</option><option value="Family Room">Family Room</option><option value="Formal Dining Room">Formal Dining Room</option><option value="Kids Room">Kids Room</option><option value="Balcony">Balcony</option><option value="gaming room">Gaming room</option><option value="meeting room">Meeting room</option><option value="workshop">Workshop</option><option value="fitness gym">Fitness gym</option><option value="coffee shop">Coffee shop</option><option value="clothing store">Clothing store</option><option value="restaurant">Restaurant</option><option value="office">Office</option><option value="coworking space">Coworking space</option><option value="hotel lobby">Hotel lobby</option><option value="hotel room">Hotel room</option><option value="hotel bathroom">Hotel bathroom</option><option value="exhibition space">Exhibition space</option><option value="onsen">Onsen</option><option value="Working Space">Working Space</option><option value="Wine Cellar">Wine Cellar</option><option value="Rooftop Terrace">Rooftop Terrace</option><option value="Sunroom">Sunroom</option><option value="Home Spa">Home Spa</option><option value="Mudroom">Mudroom</option><option value="Craft Room">Craft Room</option><option value="Dressing Room">Dressing Room</option><option value="Guest Bedroom">Guest Bedroom</option><option value="Home Bar">Home Bar</option><option value="Library">Library</option><option value="Art Studio">Art Studio</option><option value="Yoga Studio">Yoga Studio</option><option value="Photo Studio">Photo Studio</option><option value="Multimedia Room">Multimedia Room</option><option value="Auditorium">Auditorium</option><option value="Medical Exam Room">Medical Exam Room</option><option value="Reception Area">Reception Area</option><option value="Music Room">Music Room</option><option value="Science Laboratory">Science Laboratory</option><option value="Home Theater">
49Home Theater</option><option value="Wedding Room">Wedding Room</option><option value="Laundry Room">Laundry Room</option><option value="Outdoor Kitchen">Outdoor Kitchen</option><option value="Utility Room">Utility Room</option><option value="Pet Room">Pet Room</option><option value="Home Gym">Home Gym</option><option value="Lounge">Lounge</option><option value="Walk In Closet">Walk-in Closet</option><option value="Playroom">Playroom</option><option value="Reading Nook">Reading Nook</option><option value="Sauna">Sauna</option><option value="Man Cave">Man Cave</option><option value="Foyer">Foyer</option><option value="Greenhouse">Greenhouse</option><option value="She Shed">She Shed</option><option value="Conservatory">Conservatory</option><option value="Nursery">Nursery</option><option value="Prayer Room">Prayer room</option><!--]--></select></div><div><label class="text-base font-medium block mb-2">Design Style</label><select class="w-full p-2 border border-gray-200 rounded-md bg-background"><!--[--><option id="EclecticInterior" value="Eclectic">Eclectic</option><option id="ScandinavianInterior" value="Scandinavian" selected selected>Scandinavian</option><option id="ModernInterior" value="Modern">Modern</option><option id="ContemporaryInterior" value="Contemporary">Contemporary</option><option id="TransitionalInterior" value="Transitional">Transitional</option><option id="MediterraneanInterior" value="Mediterranean">Mediterranean</option><option id="IkeaInterior" value="Ikea">Ikea</option><option id="IndustrialInterior" value="Industrial">Industrial</option><option id="QuietLuxuryInterior" value="Quiet Luxury">Quiet Luxury</option><option id="KidsRoomInterior" value="Kids Room">Kids Room</option><option id="ShabbyChicInterior" value="Shabby Chic">Shabby Chic</option><option id="CoastalInterior" value="Coastal">Coastal</option><option id="BauhausInterior" value="Bauhaus">Bauhaus</option><option id="BohemianInterior" value="Bohemian">Bohemian</option><option id="TraditionalInterior" value="Traditional">Traditional</option><option id="RusticInterior" value="Rustic">Rustic</option><option id="MinimalismInterior" value="Minimalism">Minimalism</option><option id="JapandiInterior" value="Japandi">Japandi</option><option id="JapanesedesignInterior" value="Japanese design">Japanese design</option><option id="ModernArabicInterior" value="Modern Arabic">Modern Arabic</option><option id="TraditionalArabicInterior" value="Traditional Arabic">Traditional Arabic</option><option id="BaliInterior" value="Bali">Bali</option><option id="TropicalInterior" value="Tropical">Tropical</option><option id="AsianDecorInterior" value="Asian Decor">Asian Decor</option><option id="ZenInterior" value="Zen">Zen</option><option id="HollywoodRegencyInterior" value="Hollywood Regency">Hollywood Regency</option><option id="HollywoodGlamInterior" value="Hollywood Glam">Hollywood Glam</option><option id="MinimalistInterior" value="Minimalist">Minimalist</option><option id="ChristmasInterior" value="Christmas">Christmas</option><option id="FuturisticInterior" value="Futuristic">Futuristic</option><option id="LuxuriousInterior" value="Luxurious">Luxurious</option><option id="MidcenturyModernInterior" value="Midcentury Modern">Midcentury modern</option><option id="BiophilicInterior" value="Biophilic">Biophilic</option><option id="CottageCoreInterior" value="Cottage Core">Cottage Core</option><option id="FrenchCountryInterior" value="French Country">French Country</option><option id="ArtDecoInterior" value="Art Deco">Art Deco</option><option id="ArtNouveauInterior" value="Art Nouveau">Art nouveau</option><option id="SouthWesternInterior" value="South Western">South Western</option><option id="ModernFarmHouseInterior" value="Modern Farm House">Modern Farm House</option><!--]--></select></div></div><div><label class="text-base font-medium block mb-2">Additional Information (Optional)</label><textarea placeholder="e.g., Add more natural light, change color scheme to warm tones, include modern furniture..." class="w-full p-3 border border-input rounded-md bg-background resize-none" rows="3"></textarea></div><!----><button disabled class="w-full px-6 py-3 bg-primary text-primary-foreground hover:bg-primary/90 rounded-md flex items-center justify-center cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wand-sparkles-icon h-4 w-4 mr-2"><path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72"></path><path d="m14 7 3 3"></path><path d="M5 6v4"></path><path d="M19 14v4"></path><path d="M10 2v2"></path><path d="M7 8H3"></path><path d="M21 16h-4"></path><path d="M11 3H9"></path></svg> Generate Design</button></div></div></div></div><div class="flex flex-col"><div class="h-full bg-white"><div class="md:p-6 p-2 h-full flex flex-col bg-white border rounded-lg"><div class="grid grid-cols-2 bg-muted rounded-lg p-1 mb-4"><button class="px-4 py-2 rounded-md text-sm font-medium transition-colors bg-white text-foreground shadow-sm">Preview</button><button class="px-4 py-2 rounded-md text-sm font-medium transition-colors text-muted-foreground hover:text-foreground">History</button></div><div class="flex-1 bg-white rounded-lg"><div class="flex items-center justify-center h-full"><div class="text-center text-muted-foreground py-8"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wand-sparkles-icon h-16 w-16 mx-auto mb-4 opacity-50"><path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72"></path><path d="m14 7 3 3"></path><path d="M5 6v4"></path><path d="M19 14v4"></path><path d="M10 2v2"></path><path d="M7 8H3"></path><path d="M21 16h-4"></path><path d="M11 3H9"></path></svg><p class="text-sm">Your AI-generated design will appear here</p><p class="text-xs mt-2">Upload an image to get started</p></div></div></div></div></div></div></div></div></div></div></section><!----><!--]--><!--[--><section id="showcase" class="py-20"><div class="container mx-auto px-4"><div class="text-center space-y-4 mb-16"><h2 class="text-3xl lg:text-4xl font-bold text-balance">Powerful AI Interior Design Capabilities</h2><p class="text-lg text-muted-foreground text-pretty max-w-2xl mx-auto">Transform any room with our advanced AI technology. From style recognition to personalized recommendations, experience the future of interior design.</p></div><!--[--><div class="mb-20 grid md:grid-cols-2 gap-12 items-center"><!----><div class="space-y-6 px-8 py-2"><div class="flex items-center space-x-3"><div class="w-16 h-16 rounded-lg bg-primary/10 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-upload-icon h-8 w-8 text-primary"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" x2="12" y1="3" y2="15"></line></svg></div><h3 class="text-2xl font-bold">AI Style Recognition</h3></div><p class="text-[#71717a] text-lg">Our advanced AI instantly analyzes your room's architecture, lighting, and existing elements to understand your space perfectly. It identifies design opportunities and suggests improvements that work harmoniously with your room's unique characteristics.</p><div class="tags flex flex-col space-y-2 text-muted-foreground"><!--[--><div><div class="flex items-center"><span style="width:8px;height:8px;" class="bg-primary rounded-full mr-3"></span><div class="text-[#71717a]">Automatic room type detection</div></div></div><div><div class="flex items-center"><span style="width:8px;height:8px;" class="bg-primary rounded-full mr-3"></span><div class="text-[#71717a]">Lighting and space analysis</div></div></div><div><div class="flex items-center"><span style="width:8px;height:8px;" class="bg-primary rounded-full mr-3"></span><div class="text-[#71717a]">Existing furniture recognition</div></div></div><!--]--></div></div><div class="relative"><img class="w-full h-108 object-cover rounded-2xl shadow-lg" style="max-height:100%;max-width:100%;" src="jpg/feature1.jpg" alt="AI-Style-Recognition"></div></div><div class="mb-20 grid md:grid-cols-2 gap-12 items-center"><div class="order-2 md:order-1 relative"><div class="relative grid grid-cols-1 gap-4"><img class="w-full h-108 object-cover rounded-2xl shadow-lg" style="max-height:100%;max-width:100%;" src="jpg/feature2.jpg" alt="Personalized-Style-Matching"></div></div><div class="order-1 md:order-2 space-y-6 px-8 py-2"><div class="flex items-center space-x-3"><div class="w-16 h-16 rounded-lg bg-primary/10 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-palette-icon h-8 w-8 text-primary"><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"></path></svg></div><h3 class="text-2xl font-bold">Personalized Style Matching</h3></div><p class="text-[#71717a] text-lg">Choose from dozens of interior design styles or let our AI recommend the perfect match based on your preferences. From modern minimalism to cozy bohemian, every design is tailored to your taste and lifestyle needs.</p><div class="tags flex flex-col space-y-2 text-muted-foreground"><!--[--><div><div class="flex items-center"><span style="width:8px;height:8px;" class="bg-primary rounded-full mr-3"></span><div class="text-[#71717a]">20+ professional design styles</div></div></div><div><div class="flex items-center"><span style="width:8px;height:8px;" class="bg-primary rounded-full mr-3"></span><div class="text-[#71717a]">Custom color palette generation</div></div></div><div><div class="flex items-center"><span style="width:8px;height:8px;" class="bg-primary rounded-full mr-3"></span><div class="text-[#71717a]">Furniture and decor recommendations</div></div></div><!--]--></div></div><!----></div><div class="grid md:grid-cols-2 gap-12 items-center"><!----><div class="space-y-6 px-8 py-2"><div class="flex items-center space-x-3"><div class="w-16 h-16 rounded-lg bg-primary/10 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap-icon h-8 w-8 text-primary"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><h3 class="text-2xl font-bold">Instant Design Generation</h3></div><p class="text-[#71717a] text-lg">Get professional-quality interior design results in seconds, not weeks. Our AI generates multiple design variations, complete with furniture placement, color schemes, and decor suggestions that you can implement immediately.</p><div class="tags flex flex-col space-y-2 text-muted-foreground"><!--[--><div><div class="flex items-center"><span style="width:8px;height:8px;" class="bg-primary rounded-full mr-3"></span><div class="text-[#71717a]">Multiple design variations</div></div></div><div><div class="flex items-center"><span style="width:8px;height:8px;" class="bg-primary rounded-full mr-3"></span><div class="text-[#71717a]">High-resolution output images</div></div></div><div><div class="flex items-center"><span style="width:8px;height:8px;" class="bg-primary rounded-full mr-3"></span><div class="text-[#71717a]">Downloadable design files</div></div></div><!--]--></div></div><div class="relative"><img class="w-full h-108 object-cover rounded-2xl shadow-lg" style="max-height:100%;max-width:100%;" src="jpg/feature3.jpg" alt="Instant-Design-Generation"></div></div><!--]--></div></section><section id="why-choose-us" class="py-20 bg-white"><div class="container mx-auto px-4"><div class="text-center space-y-4 mb-16"><h2 class="text-3xl lg:text-4xl font-bold text-balance">Powerful AI Interior Design Capabilities</h2>
49<p class="text-lg text-foreground/80 text-pretty max-w-2xl mx-auto">Combining cutting-edge AI technology with professional interior design principles to deliver an unprecedented interior design experience</p></div><div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"><!--[--><div class="group hover:shadow-lg shadow-md transition-all duration-300 border-0 bg-background rounded-lg"><div class="p-6 space-y-4"><div class="w-12 h-12 rounded-lg bg-primary/10 flex items-center justify-center group-hover:bg-primary/20 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-upload-icon h-6 w-6 text-primary"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" x2="12" y1="3" y2="15"></line></svg></div><div><h3 class="text-xl font-semibold mb-2">Smart Room Analysis</h3><p class="text-foreground/80">Upload your room photos and our AI instantly analyzes space layout, lighting, and existing elements to suggest optimal interior design improvements</p></div></div></div><div class="group hover:shadow-lg shadow-md transition-all duration-300 border-0 bg-background rounded-lg"><div class="p-6 space-y-4"><div class="w-12 h-12 rounded-lg bg-primary/10 flex items-center justify-center group-hover:bg-primary/20 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wand-sparkles-icon h-6 w-6 text-primary"><path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72"></path><path d="m14 7 3 3"></path><path d="M5 6v4"></path><path d="M19 14v4"></path><path d="M10 2v2"></path><path d="M7 8H3"></path><path d="M21 16h-4"></path><path d="M11 3H9"></path></svg></div><div><h3 class="text-xl font-semibold mb-2">Style Transformation</h3><p class="text-foreground/80">Transform any interior space with AI-powered style suggestions. From minimalist to maximalist, our AI understands design principles and color harmony</p></div></div></div><div class="group hover:shadow-lg shadow-md transition-all duration-300 border-0 bg-background rounded-lg"><div class="p-6 space-y-4"><div class="w-12 h-12 rounded-lg bg-primary/10 flex items-center justify-center group-hover:bg-primary/20 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-palette-icon h-6 w-6 text-primary"><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"></path></svg></div><div><h3 class="text-xl font-semibold mb-2">Color & Material Matching</h3><p class="text-foreground/80">Get intelligent recommendations for paint colors, furniture materials, and decor elements that perfectly complement your space and personal taste</p></div></div></div><div class="group hover:shadow-lg shadow-md transition-all duration-300 border-0 bg-background rounded-lg"><div class="p-6 space-y-4"><div class="w-12 h-12 rounded-lg bg-primary/10 flex items-center justify-center group-hover:bg-primary/20 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap-icon h-6 w-6 text-primary"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><div><h3 class="text-xl font-semibold mb-2">Instant Design Previews</h3>
49<p class="text-foreground/80">See your interior design ideas come to life instantly. Generate multiple design variations and compare different styles in real-time</p></div></div></div><div class="group hover:shadow-lg shadow-md transition-all duration-300 border-0 bg-background rounded-lg"><div class="p-6 space-y-4"><div class="w-12 h-12 rounded-lg bg-primary/10 flex items-center justify-center group-hover:bg-primary/20 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users-icon h-6 w-6 text-primary"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div><div><h3 class="text-xl font-semibold mb-2">Professional Standards</h3><p class="text-foreground/80">Every design suggestion follows professional interior design principles, ensuring balanced proportions, proper lighting, and functional layouts</p></div></div></div><div class="group hover:shadow-lg shadow-md transition-all duration-300 border-0 bg-background rounded-lg"><div class="p-6 space-y-4"><div class="w-12 h-12 rounded-lg bg-primary/10 flex items-center justify-center group-hover:bg-primary/20 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-icon h-6 w-6 text-primary"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><div><h3 class="text-xl font-semibold mb-2">Personalized Recommendations</h3><p class="text-foreground/80">AI learns your preferences and lifestyle needs to provide customized interior design solutions that reflect your unique personality and requirements</p></div></div></div><!--]--></div></div></section><section id="how-to-use" class="py-20 bg-background"><div class="container mx-auto px-4"><div class="text-center space-y-4 mb-16"><h2 class="text-3xl lg:text-4xl font-bold text-balance">How Our Interior Design AI Works</h2><p class="text-lg text-foreground/80 text-pretty max-w-2xl mx-auto">Transform your interior spaces in 3 simple steps with our intelligent interior design AI system</p></div><div class="grid md:grid-cols-3 gap-8 max-w-6xl mx-auto"><!--[--><div class="text-center space-y-4"><div class="relative flex justify-center"><div class="w-16 h-16 rounded-full bg-primary text-primary-foreground flex items-center justify-center text-xl font-bold shadow-lg">1</div></div><div class="space-y-2"><h3 class="text-xl font-semibold mb-2">Upload Image</h3><p class="text-foreground/80 text-sm">Upload your room photo to start the interior design AI process</p></div></div><div class="text-center space-y-4"><div class="relative flex justify-center"><div class="w-16 h-16 rounded-full bg-primary text-primary-foreground flex items-center justify-center text-xl font-bold shadow-lg">2</div></div><div class="space-y-2"><h3 class="text-xl font-semibold mb-2">Select Room Type & Style</h3><p class="text-foreground/80 text-sm">Choose your room type and preferred interior design style from our curated options</p></div></div><div class="text-center space-y-4"><div class="relative flex justify-center"><div class="w-16 h-16 rounded-full bg-primary text-primary-foreground flex items-center justify-center text-xl font-bold shadow-lg">3</div></div><div class="space-y-2"><h3 class="text-xl font-semibold mb-2">Generate & Download</h3><p class="text-foreground/80 text-sm">Our interior design AI creates stunning designs that you can download instantly</p></div></div><!--]--></div></div></section><section id="testimonials" class="py-20 bg-muted/30"><div class="container mx-auto px-4"><div class="text-center space-y-4 mb-16"><h2 class="text-3xl lg:text-4xl font-bold text-balance">What Our Interior Design AI Users Say</h2>
49<p class="text-lg text-foreground/80 text-pretty max-w-2xl mx-auto">Real feedback from professional designers and homeowners using our interior design AI</p></div><div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"><!--[--><div class="border-0 bg-background shadow-lg rounded-lg"><div class="p-6 space-y-4"><div class="flex items-center space-x-1"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><!--]--></div><p class="text-foreground/90 italic">"This interior design AI tool has dramatically improved my design efficiency. Clients are thrilled with the visualizations, especially the image-to-image feature that quickly shows different style possibilities."</p><div class="flex items-center space-x-3 pt-2"><button class="flex items-center justify-center w-7 h-7 md:w-8 md:h-8 bg-gradient-to-r from-red-500 to-red-500 rounded-full text-white font-medium text-xs md:text-sm">S</button><div><div class="font-semibold">Sarah Johnson</div>
49<div class="text-sm text-foreground/70">Interior Designer</div></div></div></div></div><div class="border-0 bg-background shadow-lg rounded-lg"><div class="p-6 space-y-4"><div class="flex items-center space-x-1"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><!--]--></div><p class="text-foreground/90 italic">"As someone new to interior design, this AI tool saved me countless hours and design fees. Just upload your room photo and see professional interior design results instantly!"</p><div class="flex items-center space-x-3 pt-2"><button class="flex items-center justify-center w-7 h-7 md:w-8 md:h-8 bg-gradient-to-r from-red-500 to-red-500 rounded-full text-white font-medium text-xs md:text-sm">M</button><div><div class="font-semibold">Michael Chen</div><div class="text-sm text-foreground/70">Homeowner</div></div></div></div></div><div class="border-0 bg-background shadow-lg rounded-lg"><div class="p-6 space-y-4"><div class="flex items-center space-x-1"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><!--]--></div>
49<p class="text-foreground/90 italic">"The AI-generated interior designs are high quality and provide great inspiration for my projects. Perfect for rapid concept development and client communication."</p><div class="flex items-center space-x-3 pt-2"><button class="flex items-center justify-center w-7 h-7 md:w-8 md:h-8 bg-gradient-to-r from-red-500 to-red-500 rounded-full text-white font-medium text-xs md:text-sm">E</button><div><div class="font-semibold">Emily Rodriguez</div><div class="text-sm text-foreground/70">Architect</div></div></div></div></div><div class="border-0 bg-background shadow-lg rounded-lg"><div class="p-6 space-y-4"><div class="flex items-center space-x-1"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><!--]--></div><p class="text-foreground/90 italic">"I use this interior design AI for staging visualizations and it's incredible how it helps clients envision the potential of empty spaces. My sales have increased significantly!"</p><div class="flex items-center space-x-3 pt-2"><button class="flex items-center justify-center w-7 h-7 md:w-8 md:h-8 bg-gradient-to-r from-red-500 to-red-500 rounded-full text-white font-medium text-xs md:text-sm">D</button><div><div class="font-semibold">David Thompson</div>
49<div class="text-sm text-foreground/70">Real Estate Agent</div></div></div></div></div><div class="border-0 bg-background shadow-lg rounded-lg"><div class="p-6 space-y-4"><div class="flex items-center space-x-1"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><!--]--></div><p class="text-foreground/90 italic">"The before and after comparisons are so helpful for planning renovations. I can show clients exactly what their space will look like with different interior design choices."</p><div class="flex items-center space-x-3 pt-2"><button class="flex items-center justify-center w-7 h-7 md:w-8 md:h-8 bg-gradient-to-r from-red-500 to-red-500 rounded-full text-white font-medium text-xs md:text-sm">L</button><div><div class="font-semibold">Lisa Park</div><div class="text-sm text-foreground/70">Home Renovator</div></div></div></div></div><div class="border-0 bg-background shadow-lg rounded-lg"><div class="p-6 space-y-4"><div class="flex items-center space-x-1"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon h-4 w-4 fill-yellow-400 text-yellow-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><!--]--></div>
49<p class="text-foreground/90 italic">"This interior design AI tool has revolutionized how we present our developments. Investors can see the full potential of our properties instantly."</p><div class="flex items-center space-x-3 pt-2"><button class="flex items-center justify-center w-7 h-7 md:w-8 md:h-8 bg-gradient-to-r from-red-500 to-red-500 rounded-full text-white font-medium text-xs md:text-sm">J</button><div><div class="font-semibold">James Wilson</div><div class="text-sm text-foreground/70">Property Developer</div></div></div></div></div><!--]--></div></div></section><section class="py-20 bg-background"><div class="container mx-auto px-4"><div class="text-center space-y-4 mb-16"><h2 class="text-3xl lg:text-4xl font-bold text-balance">Frequently Asked Questions</h2><p class="text-lg text-muted-foreground text-pretty max-w-2xl mx-auto">Everything you need to know about our AI-powered interior design platform</p></div><div class="max-w-3xl mx-auto space-y-4"><!--[--><div class="border rounded-lg"><button class="w-full text-left p-6 hover:bg-muted/50 transition-colors flex justify-between items-center cursor-pointer"><span class="font-semibold text-balance">How does AI interior design work?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down-icon h-4 w-4 transition-transform duration-300"><path d="m6 9 6 6 6-6"></path></svg></button><div class="max-h-0 opacity-0 overflow-hidden transition-all duration-300 ease-in-out"><!----></div></div><div class="border rounded-lg"><button class="w-full text-left p-6 hover:bg-muted/50 transition-colors flex justify-between items-center cursor-pointer"><span class="font-semibold text-balance">What interior design styles can the AI create?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down-icon h-4 w-4 transition-transform duration-300"><path d="m6 9 6 6 6-6"></path></svg></button><div class="max-h-0 opacity-0 overflow-hidden transition-all duration-300 ease-in-out"><!----></div></div><div class="border rounded-lg"><button class="w-full text-left p-6 hover:bg-muted/50 transition-colors flex justify-between items-center cursor-pointer"><span class="font-semibold text-balance">Can I redesign specific rooms with interior design AI?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down-icon h-4 w-4 transition-transform duration-300"><path d="m6 9 6 6 6-6"></path></svg></button><div class="max-h-0 opacity-0 overflow-hidden transition-all duration-300 ease-in-out"><!----></div></div><div class="border rounded-lg"><button class="w-full text-left p-6 hover:bg-muted/50 transition-colors flex justify-between items-center cursor-pointer"><span class="font-semibold text-balance">How accurate are the AI interior design results?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down-icon h-4 w-4 transition-transform duration-300"><path d="m6 9 6 6 6-6"></path></svg></button><div class="max-h-0 opacity-0 overflow-hidden transition-all duration-300 ease-in-out"><!----></div></div><div class="border rounded-lg"><button class="w-full text-left p-6 hover:bg-muted/50 transition-colors flex justify-between items-center cursor-pointer"><span class="font-semibold text-balance">Can interior designers use this tool professionally?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down-icon h-4 w-4 transition-transform duration-300"><path d="m6 9 6 6 6-6"></path></svg></button><div class="max-h-0 opacity-0 overflow-hidden transition-all duration-300 ease-in-out"><!----></div></div><div class="border rounded-lg"><button class="w-full text-left p-6 hover:bg-muted/50 transition-colors flex justify-between items-center cursor-pointer"><span class="font-semibold text-balance">What makes your interior design AI different?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down-icon h-4 w-4 transition-transform duration-300"><path d="m6 9 6 6 6-6"></path></svg></button><div class="max-h-0 opacity-0 overflow-hidden transition-all duration-300 ease-in-out"><!----></div></div><!--]--></div></div></section><section class="py-20 bg-gradient-to-r from-primary/10 via-accent/10 to-primary/10"><div class="container mx-auto px-4 text-center">
49<div class="max-w-3xl mx-auto space-y-8"><div class="space-y-4"><div class="flex justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles-icon h-12 w-12 text-primary"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></div><h2 class="text-3xl lg:text-4xl font-bold text-balance">Try Interior Design AI Now</h2><p class="text-lg text-muted-foreground text-pretty">Join thousands of users experiencing revolutionary AI interior design tools. No professional knowledge required - anyone can create beautiful interior spaces.</p></div><div class="flex flex-col sm:flex-row gap-4 justify-center"><button class="px-6 py-3 bg-primary text-primary-foreground hover:bg-primary/90 rounded-md flex items-center justify-center group cursor-pointer">Start Designing Free <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right-icon ml-2 h-4 w-4 group-hover:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button><button class="px-6 py-3 border border-input bg-background hover:bg-accent hover:text-accent-foreground rounded-md cursor-pointer">Contact Expert</button></div></div></div></section><!--[--><footer class="bg-foreground text-background py-12"><div class="container mx-auto px-4"><div class="grid md:grid-cols-6 gap-8"><div class="space-y-4"><div class="flex items-center space-x-2"><img src="png/favicon.png" alt="logo"><span class="text-lg font-bold">Home Design AI</span></div><p class="text-sm text-background/70">Professional AI interior design tool that makes it easy for everyone to create their ideal home space.</p></div><div><div class="font-semibold mb-4">Home Design</div><ul class="space-y-2 text-sm text-background/70"><li><a aria-current="page" href="interior-design-ai.html" class="router-link-active router-link-exact-active">Interior Design AI</a></li><li><a href="exterior-design-ai.html" class="">Exterior Design AI</a></li><li><a href="garden-design-ai.html" class="">Garden Design AI</a></li><li><a href="ai-landscape-design.html" class="">Landscape Design</a></li></ul></div><div><div class="font-semibold mb-4">Room Design</div><ul class="space-y-2 text-sm text-background/70"><li><a href="room-design-ai.html" class="">Room Design AI</a></li><li><a href="ai-bedroom-design.html" class="">Bedroom Design AI</a></li><li><a href="living-room-design.html" class="">Living Room Design AI</a></li><li><a href="ai-kitchen-design.html" class="">Kitchen Design AI</a></li><li><a href="ai-bathroom-design.html" class="">Bathroom Design AI</a></li><li><a href="ai-office-design.html" class="">Office Design AI</a></li><li><a href="ai-room-planner.html" class="">Room Planner AI</a></li><li><a href="ai-room-decorator.html" class="">Room Decorator AI</a></li><li><a href="ai-room-cleaner.html" class="">Room Cleaner AI</a></li><li><a href="3d-home-design.html" class="">3D Home Design AI</a></li></ul></div><div><div class="font-semibold mb-4">Furniture Design</div><ul class="space-y-2 text-sm text-background/70"><li><a href="ai-furniture-removal.html" class="">AI Furniture Removal</a></li><li><a href="ai-furniture-replacement.html" class="">AI Furniture Replacement</a></li><li><a href="ai-furniture-generator.html" class="">AI Furniture Generator</a></li><li><a href="ai-furniture-editor.html" class="">AI Furniture Editor</a></li></ul></div><div><div class="font-semibold mb-4">AI Tools</div><ul class="space-y-2 text-sm text-background/70"><li><a href="sketch-to-render.html" class="">Sketch to Render</a></li><li><a href="virtual-staging-ai.html" class="">Virtual Staging AI</a></li><li><a href="paint-color-visualizer.html" class="">Paint Color Visualizer</a></li><li><a href="ai-wall-design.html" class="">AI Wall Design</a></li><li><a href="ai-ceiling-design.html" class="">AI Ceiling Design</a></li><li><a href="ai-flooring-design.html" class="">AI Flooring Design</a></li><li><a href="home-door-design.html" class="">Home Door Design</a></li><li><a href="home-windows-design.html" class="">Home Windows Design</a></li><li><a href="floor-plan-generator.html" class="">Floor Plan Generator</a></li></ul></div><div><div class="font-semibold mb-4">Company</div><ul class="space-y-2 text-sm text-background/70"><li><a href="privacy.html" class="hover:text-background transition-colors">Privacy Policy</a></li><li><a href="terms.html" class="hover:text-background transition-colors">Terms of Service</a></li><li><a href="#" class="hover:text-background transition-colors cursor-pointer">Contact Us</a></li></ul></div></div><div class="border-t border-background/20 mt-8 pt-8 text-center text-sm text-background/70"><p>© 2024 Home Design AI. All rights reserved.</p></div></div></footer><!----><!--]--><!--]--></div><!----><!--]--></div></div><div id="teleports"></div>
49<script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__" data-src="/interior-design-ai/_payload.json?b61776e3-c639-46e8-ba98-fd8fcca393e2">[{"state":1,"once":11,"_errors":12,"serverRendered":14,"path":15,"pinia":16,"prerenderedAt":32},["Reactive",2],{"$ssite-config":3},{"_priority":4,"env":8,"name":9,"url":10},{"name":5,"env":6,"url":7},-3,-15,0,"production","Home Design","index.html",["Set"],["ShallowReactive",13],{},true,"/interior-design-ai",["Reactive",17],{"auth":18},{"user":19,"token":21,"isLoading":23,"error":25,"credits":26,"userEmail":28,"userInfo":29},["EmptyRef",20],"null",["EmptyRef",22],"\"\"",["EmptyRef",24],"false",["EmptyRef",20],["EmptyRef",27],"0",["EmptyRef",22],["Ref",30],["Reactive",31],{},1768818473453]</script>
vendor: 1 bytes, line 49
49
50<script>window.__NUXT__={};window.__NUXT__.config={public:{apiEnv:"production",kodepayApplicationId:"5f153a16-d988-11f0-a5da-429d9491d9dc",kodepayClientId:"a39e6eca-e912-11f0-ba5d-d63b0afa79b2",kodepayEnv:"production",symmetricKey:"d6725064-e93a-11f0-ae2c-d63b0afa",apiBase:"https://api.home-design.ai/api",googleClientId:"",gtag:{enabled:true,initMode:"auto",id:"G-E0767VS9K8",initCommands:[],config:{},tags:[],loadingStrategy:"defer",url:"https://www.googletagmanager.com/gtag/js"},googleSignIn:{clientId:"218796632424-b34ur4avfuh0f23eija7s3tjnv0u2dt6.apps.googleusercontent.com"}},app:{baseURL:"/",buildId:"b61776e3-c639-46e8-ba98-fd8fcca393e2",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script>
50<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"4bb2356579064162b81dcf488827cd0c","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
50 51</body> 52<!-- Mirrored from home-design.ai/interior-design-ai by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 20 Jan 2026 15:07:47 GMT --> 53</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.