@import"tailwindcss";@custom-variant dark (&:where(.dark,.dark *));@theme inline{ --radius: 1rem; --color-background: hsl(var(--background)); --color-foreground: hsl(var(--foreground)); --color-card: hsl(var(--card)); --color-card-foreground: hsl(var(--card-foreground)); --color-popover: hsl(var(--popover)); --color-popover-foreground: hsl(var(--popover-foreground)); --color-primary: hsl(var(--primary)); --color-primary-foreground: hsl(var(--primary-foreground)); --color-secondary: hsl(var(--secondary)); --color-secondary-foreground: hsl(var(--secondary-foreground)); --color-muted: hsl(var(--muted)); --color-muted-foreground: hsl(var(--muted-foreground)); --color-accent: hsl(var(--accent)); --color-accent-foreground: hsl(var(--accent-foreground)); --color-destructive: hsl(var(--destructive)); --color-destructive-foreground: hsl(var(--destructive-foreground)); --color-border: hsl(var(--border)); --color-input: hsl(var(--input)); --color-ring: hsl(var(--ring)); --color-chart-1: hsl(var(--chart-1)); --color-chart-2: hsl(var(--chart-2)); --color-chart-3: hsl(var(--chart-3)); --color-chart-4: hsl(var(--chart-4)); --color-chart-5: hsl(var(--chart-5)); }@layer base{:root{--background: 0 0% 100%;--foreground: 220 13% 13%;--card: 0 0% 100%;--card-foreground: 220 13% 13%;--popover: 0 0% 100%;--popover-foreground: 220 13% 13%;--primary: 210 100% 50%;--primary-foreground: 0 0% 100%;--secondary: 210 17% 95%;--secondary-foreground: 220 13% 13%;--muted: 210 17% 95%;--muted-foreground: 220 9% 46%;--accent: 16 100% 66%;--accent-foreground: 0 0% 100%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 100%;--border: 220 13% 91%;--input: 220 13% 91%;--ring: 210 100% 50%;--chart-1: 12 76% 61%;--chart-2: 173 58% 39%;--chart-3: 197 37% 24%;--chart-4: 43 74% 66%;--chart-5: 27 87% 67%}.dark{--background: 220 18% 8%;--foreground: 210 17% 95%;--card: 220 16% 12%;--card-foreground: 210 17% 95%;--popover: 220 16% 12%;--popover-foreground: 210 17% 95%;--primary: 210 100% 60%;--primary-foreground: 220 18% 8%;--secondary: 220 14% 16%;--secondary-foreground: 210 17% 95%;--muted: 220 14% 16%;--muted-foreground: 220 9% 65%;--accent: 16 100% 66%;--accent-foreground: 220 18% 8%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 17% 95%;--border: 220 14% 20%;--input: 220 14% 20%;--ring: 210 100% 60%;--chart-1: 220 70% 50%;--chart-2: 160 60% 45%;--chart-3: 30 80% 55%;--chart-4: 280 65% 60%;--chart-5: 340 75% 55%}}@utility line-clamp-1{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}@utility line-clamp-2{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}@utility glass{background: rgba(255,255,255,.7); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,.3);}@utility glass-dark{background: rgba(0,0,0,.4); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,.1);}@utility text-gradient{background: linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.prose{color:var(--color-foreground);max-width:65ch;line-height:1.75}.prose.max-w-none{max-width:none}.prose>*+*{margin-top:1.25em}.prose h1{font-size:2.25em;font-weight:800;line-height:1.1;margin-top:0;margin-bottom:.8em}.prose h2{font-size:1.5em;font-weight:700;line-height:1.3;margin-top:2em;margin-bottom:.75em}.prose h3{font-size:1.25em;font-weight:600;line-height:1.4;margin-top:1.6em;margin-bottom:.6em}.prose h4{font-size:1em;font-weight:600;line-height:1.5;margin-top:1.5em;margin-bottom:.5em}.prose p{margin-top:1.25em;margin-bottom:1.25em}.prose strong{font-weight:600;color:var(--color-foreground)}.prose a{color:var(--color-primary);text-decoration:underline;font-weight:500}.prose a:hover{opacity:.8}.prose blockquote{font-style:italic;border-left:3px solid var(--color-border);padding-left:1em;margin:1.6em 0;color:var(--color-muted-foreground)}.prose ul{list-style-type:disc;padding-left:1.625em;margin:1.25em 0}.prose ol{list-style-type:decimal;padding-left:1.625em;margin:1.25em 0}.prose li{margin-top:.5em;margin-bottom:.5em}.prose li>ul,.prose li>ol{margin-top:.5em;margin-bottom:.5em}.prose code{font-size:.875em;font-weight:600;background:var(--color-muted);padding:.2em .4em;border-radius:.25rem}.prose pre{background:var(--color-muted);border-radius:.375rem;padding:.875em 1.125em;overflow-x:auto;margin:1.7em 0}.prose pre code{font-weight:400;background:transparent;padding:0}.prose hr{border-color:var(--color-border);margin:3em 0}.prose img,.prose video{margin:2em 0;border-radius:.375rem}.prose table{width:100%;table-layout:auto;text-align:left;margin:2em 0;font-size:.875em;line-height:1.7;border-collapse:collapse}.prose thead{border-bottom:2px solid var(--color-border)}.prose thead th{font-weight:600;vertical-align:bottom;padding:.5em .75em;color:var(--color-foreground)}.prose thead th:first-child{padding-left:0}.prose tbody tr{border-bottom:1px solid var(--color-border)}.prose tbody tr:last-child{border-bottom-width:0}.prose tbody td{vertical-align:baseline;padding:.75em}.prose tbody td:first-child{padding-left:0}.prose-sm{font-size:.875rem}.prose-lg{font-size:1.125rem;line-height:1.8}*{@apply border-border;}body{@apply bg-background text-foreground;}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-scroll-left{animation:scroll-left 60s linear infinite}.animate-scroll-left:hover{animation-play-state:paused}.pricing-page{.plan-container{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;align-items:stretch}.plan-card{position:relative;width:320px;display:flex;flex-direction:column;.plan-card-normal{transition:all .3s ease;height:100%;display:flex;flex-direction:column;border-radius:16px}.plan-card-normal:hover{box-shadow:0 12px 40px -8px color-mix(in srgb,var(--color-foreground) 15%,transparent)}.plan-card-normal.preferred{background:linear-gradient(to bottom,color-mix(in srgb,var(--color-primary) 5%,transparent),color-mix(in srgb,var(--color-primary) 2%,transparent));box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 15%,transparent),0 12px 40px -8px color-mix(in srgb,var(--color-foreground) 12%,transparent)}.plan-card-normal.preferred:hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent),0 16px 50px -8px color-mix(in srgb,var(--color-foreground) 15%,transparent)}.plan-card-highlight{border-radius:16px;background:linear-gradient(135deg,var(--color-primary) 0%,hsl(169,55%,55%) 100%);display:flex;justify-content:center;flex-direction:column;box-shadow:0 12px 40px -8px color-mix(in srgb,var(--color-primary) 35%,transparent);transition:box-shadow .3s ease;height:100%;.plan-card-highlight-title{color:#fff;text-align:center;font-size:13px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase;letter-spacing:.05em;margin:12px 0}.plan-card-body{border-radius:0 0 16px 16px;background:linear-gradient(to bottom,color-mix(in srgb,var(--color-muted) 40%,transparent),color-mix(in srgb,var(--color-muted) 20%,transparent));border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent)}}.plan-card-highlight:hover{box-shadow:0 20px 60px -8px color-mix(in srgb,var(--color-primary) 40%,transparent)}.plan-card-body{border-radius:16px;background:linear-gradient(to bottom,color-mix(in srgb,var(--color-muted) 30%,transparent),color-mix(in srgb,var(--color-muted) 15%,transparent));backdrop-filter:blur(24px);display:flex;justify-content:space-between;flex-direction:column;gap:6px;padding:24px 0 0;border:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);box-shadow:0 8px 32px -8px color-mix(in srgb,var(--color-foreground) 10%,transparent);flex:1;height:100%;min-height:550px;.title{color:var(--color-primary);text-align:center;font-size:20px;font-style:normal;font-weight:700;line-height:normal;min-height:28px;transition:color .2s ease}.plan-description{color:var(--color-muted-foreground);text-align:center;font-size:14px;font-style:normal;font-weight:500;line-height:1.4;min-height:20px;margin:4px 20px 0}.product-name{color:var(--color-primary);text-align:center;min-height:22px;padding:20px 20px 0;.plan-selector{border:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;background-color:var(--color-background);color:var(--color-foreground);min-width:150px;width:100%;transition:all .2s ease;&:hover{border-color:color-mix(in srgb,var(--color-primary) 50%,transparent)}&:focus{border-color:var(--color-ring);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-ring) 15%,transparent)}}}.price{color:var(--color-foreground);text-align:center;font-size:48px;font-style:normal;font-weight:800;line-height:1;margin:4px 0}.notices{position:absolute;left:12px;top:48px;display:flex;gap:8px}.notice{color:var(--color-foreground);text-align:center;font-size:10px;font-style:normal;font-weight:600;line-height:normal;text-transform:uppercase;letter-spacing:.05em;border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);padding:3px 6px;border-radius:6px;background:var(--color-card);user-select:none;backdrop-filter:blur(8px)}.period{color:var(--color-muted-foreground);text-align:center;font-size:16px;font-style:normal;font-weight:500;line-height:normal;min-height:24px;margin-bottom:2px}.select-button{margin:20px;font-weight:600;transition:all .2s ease;cursor:pointer}.select-button:hover{opacity:.9}.features{margin:0 24px 24px;padding-top:20px;border-top:1px solid color-mix(in srgb,var(--color-border) 40%,transparent);flex:1;p{margin:.5rem 0;color:var(--color-foreground);line-height:1.9;font-size:.9rem}ul{list-style:none;padding:0;margin:0}li{margin:.4rem 0;padding-left:0;color:var(--color-foreground);line-height:1.9;font-size:.9rem}li:before{content:"\2022";color:var(--color-primary);margin-right:.6rem;font-weight:700;font-size:1.1em}}}}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes gradient-x{to{background-size:200% 200%;background-position:left center}50%{background-size:200% 200%;background-position:right center}}