:root{--color-primary-50: #f4fbf8;--color-primary-100: #e0f4ea;--color-primary-200: #bee4d4;--color-primary-300: #93cebb;--color-primary-400: #62b39d;--color-primary-500: #3f9b84;--color-primary-600: #2f7c69;--color-primary-700: #276355;--color-primary-800: #225046;--color-primary-900: #1d423b;--color-accent: #fbbf24;--color-accent-light: #fde68a;--color-accent-dark: #b45309;--color-accent-text: var(--color-primary-600);--color-error: #ef4444;--color-warning: #f59e0b;--color-success: #10b981;--color-info: #3b82f6;--color-surface-0: #ffffff;--color-surface-50: #f8fafc;--color-surface-100: #f1f5f9;--color-surface-200: #e2e8f0;--color-surface-300: #cbd5e1;--color-surface-400: #94a3b8;--color-surface-500: #64748b;--color-surface-700: #334155;--color-surface-800: #1e293b;--color-surface-900: #0f172a;--color-surface-950: #0a0a0a;--color-dark-bg: #000000;--color-dark-bg-alt: #0a0a0a;--color-dark-border: rgba(255, 255, 255, .08);--color-dark-border-light: rgba(255, 255, 255, .2);--text-primary: #1e293b;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--text-link: var(--color-primary-600);--text-link-hover: var(--color-primary-700);--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "Fira Code", "JetBrains Mono", monospace;--font-comic: "Plus Jakarta Sans", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: clamp(1.75rem, 4vw, 2.5rem);--text-5xl: clamp(2rem, 5vw, 3rem);--text-hero: clamp(2.25rem, 6vw, 3.5rem);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--leading-tight: 1.1;--leading-snug: 1.3;--leading-normal: 1.6;--leading-loose: 1.8;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: .875rem;--space-5: 1rem;--space-6: 1.25rem;--space-8: 1.5rem;--space-10: 2rem;--space-12: 2.5rem;--space-16: 3rem;--space-20: 4rem;--space-24: 5rem;--space-32: 6rem;--space-40: 8rem;--container-width: 1280px;--container-padding: 1.5rem;--header-height: 80px;--sidebar-width: 240px;--sidebar-width-sm: 60px;--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--comic-radius: var(--radius-xs);--sketchy-radius: 255px 15px 225px 15px / 15px 225px 15px 255px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .04);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .15);--shadow-brand: 0 10px 15px -3px rgba(16, 185, 129, .3);--shadow-accent: 0 10px 30px rgba(251, 191, 36, .4);--comic-border: 2px solid var(--text-primary);--comic-shadow: 4px 4px 0px 0px var(--text-primary);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s ease;--z-base: 0;--z-raised: 1;--z-content: 10;--z-sticky: 900;--z-sidebar: 1000;--z-modal: 2000;--z-toast: 3000;--gradient-primary: linear-gradient(135deg, var(--color-primary-600) 0%, var(--color-primary-500) 100%);--gradient-primary-dark: linear-gradient(135deg, var(--color-primary-900) 0%, var(--color-primary-800) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, #fbbf24 100%);--gradient-hero: radial-gradient(circle at 50% 0%, var(--color-primary-50) 0%, rgba(255,255,255,0) 70%);--gradient-radial-brand: radial-gradient(circle, var(--color-primary-200) 0%, rgba(255,255,255,0) 70%);--blur-sm: blur(4px);--blur-md: blur(10px);--blur-lg: blur(60px);--blur-xl: blur(80px);--blur-2xl: blur(120px);--glass-bg: rgba(255, 255, 255, .9);--glass-bg-dark: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--color-surface-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit;transition:color var(--transition-base)}ul,ol{list-style:none}img,svg,video{display:block;max-width:100%}button{font-family:var(--font-sans);cursor:pointer}.container{width:100%;max-width:var(--container-width);margin-inline:auto;padding:0}@media(min-width:768px){.container{padding-inline:var(--container-padding)}}.section-padding{padding-block:var(--space-16)}@media(min-width:768px){.section-padding{padding-block:var(--space-24)}}.grid-2{display:grid;grid-template-columns:1fr;gap:var(--space-8)}.grid-3{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.grid-4{display:grid;grid-template-columns:1fr;gap:var(--space-5)}.comic-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.mt-3{margin-top:var(--space-8)}@media(min-width:768px){.mt-3{margin-top:var(--space-12)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-weight-semibold);line-height:1;border:none;cursor:pointer;transition:all var(--transition-slow);position:relative;overflow:hidden;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--color-primary-600);color:var(--text-inverse);box-shadow:0 1px 2px #0000000d;border:1px solid var(--color-primary-700)}.btn-primary:hover{background:var(--color-primary-700);box-shadow:0 2px 4px #00000014}.btn-ghost-light{background:var(--glass-bg-dark);color:var(--text-inverse);border:1px solid var(--color-dark-border-light);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md)}.btn-ghost-light:hover{background:#fff3}.btn-accent{background:var(--color-accent);color:var(--color-primary-900);font-weight:var(--font-weight-extrabold);box-shadow:var(--shadow-accent);border:none}.btn-accent:hover{background:var(--color-accent-light);transform:translateY(-2px)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-10);font-size:var(--text-md)}.btn-xl{padding:var(--space-5) var(--space-12);font-size:var(--text-lg)}.btn-full{width:100%}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:gradient-move 5s ease infinite}.text-gradient-accent{background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary-600)}.section-heading{font-size:var(--text-4xl);font-weight:var(--font-weight-extrabold);color:var(--color-primary-900);line-height:var(--leading-tight);letter-spacing:-.02em;margin-bottom:var(--space-4)}.section-body{font-size:var(--text-md);color:var(--text-secondary);line-height:var(--leading-normal);max-width:720px}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg)}.soft-card{background:var(--color-surface-0);border:1px solid var(--color-surface-200);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:0 4px 24px -12px #00000014;transition:all var(--transition-slow)}.soft-card:hover{border-color:var(--color-primary-200);box-shadow:0 8px 32px -12px #0000001f}.soft-comic-box{background:var(--color-surface-0);border:1px solid var(--color-surface-200);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:0 4px 24px -12px #00000014;transition:all var(--transition-slow)}.comic-box{border:var(--comic-border);box-shadow:var(--comic-shadow);border-radius:var(--comic-radius);background:var(--color-surface-0);padding:var(--space-6);transition:all var(--transition-base)}.comic-badge{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--color-primary-600);color:var(--text-inverse);font-family:var(--font-comic);border:var(--comic-border);border-radius:var(--radius-full);font-size:var(--text-xs);margin-bottom:var(--space-4)}.comic-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-50);border:var(--comic-border);border-radius:var(--radius-md);font-size:var(--text-xl);margin-bottom:var(--space-4)}.comic-heading{font-family:var(--font-comic);font-weight:var(--font-weight-extrabold);letter-spacing:-.02em}.comic-full-box{border:1px solid var(--color-surface-200);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-12);background:var(--color-surface-50);width:100%}.comic-full-box img{width:100%;height:auto;object-fit:contain}.comic-caption{padding:var(--space-6);border-top:1px solid var(--color-surface-200);background:var(--color-surface-0)}.comic-box-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-4)}.comic-box-desc{color:var(--text-secondary);line-height:var(--leading-normal)}.comic-visual-container{overflow:hidden;border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.05)}.comic-visual-container img{width:100%;transition:transform var(--transition-slower)}.soft-card:hover .comic-visual-container img{transform:scale(1.03)}.page-wrapper{display:flex;height:100vh;overflow:hidden;background:var(--color-surface-0)}.page-content-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh;overflow-y:auto;overflow-x:hidden}.header-main{padding:.5rem var(--space-4);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-surface-100);background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:var(--z-sticky);min-height:54px;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003}@media(min-width:768px){.header-main{padding:var(--space-2) var(--space-8)}}.header-left,.header-right{display:flex;align-items:center;gap:var(--space-4)}.header-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px}@media(max-width:768px){.wa-header-btn{display:none!important}}.mobile-menu-btn:hover{background:var(--color-surface-100)}@media(min-width:768px){.mobile-menu-btn{display:none}}@media(max-width:480px){.wa-number{display:none!important}}.header-btn{height:28px;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);background-color:var(--color-primary-600);border-radius:var(--radius-xs)}.side-panel{width:var(--sidebar-width);background:var(--color-surface-50);border-right:1px solid var(--color-surface-100);height:100vh;position:sticky;top:0;transition:width var(--transition-base);display:flex;flex-direction:column;z-index:var(--z-sidebar);flex-shrink:0}.side-panel.minimized{width:var(--sidebar-width-sm)}.side-panel-header{padding:var(--space-6) var(--space-4);display:flex;align-items:center;justify-content:space-between}.side-panel-content{padding:var(--space-2);flex:1;display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto;overflow-x:hidden}.side-panel-content::-webkit-scrollbar{width:4px}.side-panel-content::-webkit-scrollbar-track{background:transparent}.side-panel-content::-webkit-scrollbar-thumb{background:var(--color-surface-200);border-radius:4px}.side-panel-content::-webkit-scrollbar-thumb:hover{background:var(--color-surface-300)}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:.5rem .75rem;border-radius:6px;font-weight:500;font-size:.875rem;color:var(--text-secondary);text-decoration:none;transition:background var(--transition-fast)}.nav-link:hover,.nav-link.active{background:var(--color-surface-100);color:var(--text-primary);font-weight:600}.nav-link.expanded{background:var(--color-surface-50);color:var(--text-primary)}.sidepanel-toggle-btn{display:none}@media(min-width:768px){.sidepanel-toggle-btn{display:flex}}.sidepanel-toggle-btn:hover{background:var(--color-surface-100)!important;color:var(--color-primary-600)!important}.nav-link-icon{font-size:var(--text-base);flex-shrink:0}.sub-nav{transition:all var(--transition-base);overflow:hidden}.nav-link.sub-link{border-left:2px solid transparent;margin-left:-1px;border-radius:0 4px 4px 0;color:var(--text-tertiary)}.nav-link.sub-link:hover{border-left-color:var(--color-primary-300);color:var(--text-secondary);background:var(--color-surface-100)}.side-panel.minimized .nav-text,.side-panel.minimized .sub-nav,.side-panel.minimized .nav-link span:last-child{display:none!important}.nav-footer{margin-top:auto;padding:var(--space-2);border-top:1px solid var(--color-surface-100);background:var(--color-surface-50)}.toggle-btn{background:var(--text-primary);color:var(--text-inverse);width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--color-surface-200);box-shadow:var(--shadow-xs);transition:all var(--transition-base);font-size:var(--text-xs);margin-left:auto}.side-panel.minimized .toggle-btn{margin-left:0}.content-main{flex:1;padding:0;max-width:100%;min-width:0;overflow-x:hidden}@media(min-width:768px){.content-main{padding:0 var(--space-8) var(--space-16)}}.frappe-hero{padding:5rem 2rem;background-color:var(--color-surface-0)}@media(max-width:768px){.frappe-hero{padding:3rem 0 2rem;text-align:center}.frappe-hero .hero-container{display:flex;flex-direction:column;align-items:center}.frappe-hero .hero-title,.frappe-hero .hero-subtitle{margin-inline:auto}.frappe-hero .hero-actions{width:100%;flex-direction:column}.frappe-hero .hero-btn{width:100%;justify-content:center}}.hero-large-title{font-size:var(--text-4xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.04em;margin-bottom:var(--space-4);color:var(--text-primary);line-height:var(--leading-tight)}.hero-large-subtitle{font-size:var(--text-md);color:var(--text-secondary);line-height:var(--leading-normal);max-width:700px;margin-bottom:var(--space-8)}@media(min-width:768px){.hero-large-title{font-size:var(--text-5xl);margin-bottom:var(--space-6)}.hero-large-subtitle{font-size:var(--text-lg);margin-bottom:var(--space-24)}}.index-section{margin-bottom:var(--space-20);max-width:1000px;margin-inline:auto}@media(max-width:768px){.index-section{max-width:none;margin-bottom:var(--space-16)}}.index-list-wrapper{border:1px solid var(--color-surface-200);border-radius:8px;overflow:hidden}@media(max-width:768px){.index-list-wrapper{border-left:none;border-right:none;border-radius:0}}.comic-container{border:1px solid var(--color-surface-300);border-radius:8px;overflow:hidden;background-color:var(--color-surface-0);margin-bottom:3rem;box-shadow:var(--shadow-sm)}@media(max-width:768px){.comic-container{border-left:none;border-right:none;border-radius:0;box-shadow:none}}.index-title{font-size:var(--text-xs);font-weight:var(--font-weight-extrabold);letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary-600);margin-bottom:var(--space-10);display:flex;align-items:center;gap:var(--space-4)}.index-item{display:flex;align-items:baseline;justify-content:space-between;padding:var(--space-3) 0;color:var(--text-secondary);text-decoration:none;border-bottom:1px solid transparent;width:100%;transition:all var(--transition-base)}.index-item .name{font-weight:var(--font-weight-bold);color:var(--text-primary);font-size:1.0625rem;margin-right:var(--space-6);min-width:140px}.index-item .desc{color:var(--text-tertiary);font-size:var(--text-base);flex:1}.index-item .dots{flex:1}.index-item .num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);opacity:.5}.footer-main{margin-top:var(--space-20);padding-block:var(--space-12);border-top:1px solid var(--color-surface-100)}.footer-text{font-size:var(--text-sm);color:var(--text-tertiary)}@media(min-width:768px){.footer-main{margin-top:var(--space-40);padding-block:var(--space-16)}}@media(max-width:768px){.side-panel{position:fixed;height:100vh;left:-100%;z-index:9999;box-shadow:none}.side-panel.mobile-open{left:0;box-shadow:4px 0 24px #0000001a}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s infinite}.testimonials-section{background:var(--color-surface-0)}.testimonials-grid{margin-top:var(--space-8)}.testimonial-card{padding:var(--space-10);position:relative;overflow:hidden}.testimonial-quote-mark{position:absolute;top:var(--space-4);left:var(--space-6);font-size:4rem;color:var(--color-primary-200);line-height:1;font-family:serif;pointer-events:none;-webkit-user-select:none;user-select:none}.testimonial-text{position:relative;z-index:var(--z-raised);font-size:var(--text-md);color:var(--text-secondary);margin-bottom:var(--space-8);font-style:italic;line-height:var(--leading-normal)}.testimonial-author{display:flex;align-items:center;gap:var(--space-4)}.testimonial-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-weight:var(--font-weight-bold);font-size:var(--text-md);flex-shrink:0}.testimonial-name{font-weight:var(--font-weight-bold);color:var(--color-primary-900)}.testimonial-role{font-size:var(--text-sm);color:var(--text-tertiary)}.features-section{background:var(--color-surface-50);position:relative;overflow:hidden}.features-blur{position:absolute;top:50%;left:0;width:300px;height:300px;background:var(--color-primary-200);filter:var(--blur-2xl);opacity:.3;z-index:var(--z-base);pointer-events:none}.feature-card{padding:var(--space-10);transition:all var(--transition-slow);cursor:default;border:1px solid var(--glass-border);background:#fff9}.feature-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl);border-color:var(--color-primary-300);background:var(--color-surface-0)}.feature-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--color-primary-100) 0%,var(--color-primary-50) 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--color-primary-600);margin-bottom:var(--space-6);box-shadow:inset 0 0 0 1px #ffffff80}.feature-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-900);margin-bottom:var(--space-3)}.feature-desc{color:var(--text-secondary);line-height:var(--leading-normal)}.hero-section{padding-top:calc(var(--header-height) + var(--space-24));padding-bottom:var(--space-32);background:var(--gradient-hero);overflow:hidden;position:relative;min-height:90vh;display:flex;align-items:center}.hero-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(16,185,129,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(16,185,129,.05) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(to bottom,black 40%,transparent 100%);mask-image:linear-gradient(to bottom,black 40%,transparent 100%);z-index:var(--z-base);pointer-events:none}.hero-grid{align-items:center;gap:var(--space-16);position:relative;z-index:var(--z-content)}.hero-content{max-width:650px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border-radius:var(--radius-full);border:1px solid var(--color-primary-200);margin-bottom:var(--space-8);box-shadow:var(--shadow-sm);transition:all var(--transition-slower)}.hero-badge-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-primary-100);border-radius:var(--radius-full);color:var(--color-primary-600);flex-shrink:0}.hero-badge-text{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary-800);letter-spacing:.01em}.hero-title{font-size:var(--text-hero);line-height:var(--leading-tight);font-weight:var(--font-weight-extrabold);color:var(--color-surface-900);margin-bottom:var(--space-4);letter-spacing:-.03em;transition:all var(--transition-slower)}.hero-subtitle{font-size:var(--text-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6);background-size:200% auto}.hero-desc{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-12);line-height:var(--leading-normal);max-width:540px;transition:all var(--transition-slower)}.hero-actions{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-12)}.hero-stats{display:flex;align-items:center;gap:var(--space-12)}.hero-stat-value{font-size:var(--text-2xl);font-weight:var(--font-weight-extrabold);color:var(--color-primary-600)}.hero-stat-label{font-size:var(--text-sm);color:var(--text-secondary)}.hero-dots{display:flex;gap:var(--space-3);margin-top:var(--space-12)}.hero-dot{height:12px;width:12px;border-radius:var(--radius-full);background:var(--color-surface-300);border:none;cursor:pointer;transition:all var(--transition-slow);padding:0}.hero-dot--active{width:40px;background:var(--color-primary-600)}.hero-visual-wrapper{position:relative;perspective:1000px}.hero-orb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:var(--gradient-radial-brand);opacity:.6;z-index:var(--z-base);filter:var(--blur-lg);transition:all var(--transition-slower);pointer-events:none}.hero-visual{position:relative;z-index:var(--z-raised);padding:0;box-shadow:var(--shadow-2xl);background:var(--glass-bg);overflow:hidden;transform:rotateY(-5deg) rotateX(2deg);transition:all var(--transition-slower)}.chat-bar{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-surface-200);display:flex;justify-content:space-between;align-items:center;background:#ffffff80}.chat-dots{display:flex;gap:var(--space-2)}.chat-dot{width:10px;height:10px;border-radius:var(--radius-full)}.chat-dot--red{background:var(--color-error)}.chat-dot--yellow{background:var(--color-warning)}.chat-dot--green{background:var(--color-success)}.chat-bar-label{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.chat-body{padding:var(--space-8);min-height:400px;display:flex;flex-direction:column;gap:var(--space-4)}.chat-bubble{display:flex;gap:var(--space-3);max-width:85%}.chat-bubble--ai{align-self:flex-end;flex-direction:row-reverse}.chat-avatar{width:32px;height:32px;border-radius:var(--radius-full);flex-shrink:0}.chat-avatar--user{background:var(--color-surface-200)}.chat-avatar--ai{background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:var(--text-xs);font-weight:var(--font-weight-bold)}.chat-text{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);line-height:var(--leading-normal)}.chat-text--user{background:var(--color-surface-100);border-radius:0 var(--radius-xl) var(--radius-xl) var(--radius-xl)}.chat-text--ai{background:var(--color-primary-50);color:var(--color-primary-900);border-radius:var(--radius-xl) 0 var(--radius-xl) var(--radius-xl)}.chat-deal-badge{align-self:center;margin-top:var(--space-4);background:var(--gradient-accent);color:var(--color-surface-900);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-accent)}.payment-header{margin-bottom:var(--space-8);padding:var(--space-8) var(--space-8) 0}.payment-invoice-no{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.payment-amount{font-size:var(--text-2xl);font-weight:var(--font-weight-extrabold);color:var(--color-surface-900)}.payment-rows{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8);padding:0 var(--space-8)}.payment-row{display:flex;justify-content:space-between;padding:var(--space-4);background:var(--color-surface-50);border-radius:var(--radius-md)}.payment-row--success{background:var(--color-primary-50);border:1px solid var(--color-primary-200)}.payment-row-label--success{color:var(--color-primary-800);font-weight:var(--font-weight-semibold)}.payment-row-value--success{font-weight:var(--font-weight-bold);color:var(--color-primary-700)}.payment-delivery{padding:var(--space-6);background:var(--color-surface-50);border-radius:var(--radius-lg);margin:0 var(--space-8) var(--space-6)}.payment-delivery-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.payment-delivery-row{display:flex;align-items:center;gap:var(--space-4)}.payment-delivery-icon{width:48px;height:48px;background:var(--color-primary-100);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-primary-600);flex-shrink:0}.payment-delivery-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.payment-delivery-sub{font-size:var(--text-sm);color:var(--text-secondary)}.payment-cta-bar{padding:var(--space-4);background:var(--gradient-primary);border-radius:var(--radius-lg);color:var(--text-inverse);text-align:center;font-weight:var(--font-weight-semibold);margin:0 var(--space-8) var(--space-8)}.analytics-header{padding:var(--space-8) var(--space-8) 0;margin-bottom:var(--space-8)}.analytics-label-text{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.analytics-big-number{font-size:var(--text-3xl);font-weight:var(--font-weight-extrabold);color:var(--color-primary-600)}.analytics-grid{gap:var(--space-4);margin-bottom:var(--space-8);padding:0 var(--space-8)}.analytics-card{padding:var(--space-6);background:var(--color-surface-50);border-radius:var(--radius-lg)}.analytics-card-label{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-2)}.analytics-card-value{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-surface-900)}.analytics-card-trend{font-size:var(--text-xs);color:var(--color-primary-600);margin-top:var(--space-1)}.analytics-stars{display:flex;gap:2px;margin-top:var(--space-1)}.analytics-reviews{padding:var(--space-6);background:var(--color-primary-50);border-radius:var(--radius-lg);border:1px solid var(--color-primary-200);margin:0 var(--space-8) var(--space-8)}.analytics-reviews-label{font-size:var(--text-sm);color:var(--color-primary-800);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.analytics-review-item{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3)}.analytics-review-name{color:var(--color-primary-900)}.cta-section{background:var(--gradient-primary-dark);color:var(--text-inverse);position:relative;overflow:hidden}.cta-orb{position:absolute;border-radius:var(--radius-full);pointer-events:none;z-index:var(--z-base)}.cta-orb--top{top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,#10b9814d,#fff0 70%);filter:var(--blur-xl)}.cta-orb--bottom{bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#fbbf2433,#fff0 70%);filter:var(--blur-xl)}.cta-inner{text-align:center;max-width:900px;margin-inline:auto}.cta-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--glass-bg-dark);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border-radius:var(--radius-full);border:1px solid var(--color-dark-border-light);margin-bottom:var(--space-8);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.cta-badge-dot{width:8px;height:8px;background:var(--color-accent);border-radius:var(--radius-full)}.cta-heading{font-size:var(--text-4xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-6);line-height:var(--leading-snug);letter-spacing:-.02em}.cta-desc{font-size:var(--text-lg);color:var(--color-primary-100);margin:0 auto var(--space-12);line-height:var(--leading-normal);max-width:700px}.cta-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-12)}.cta-trust{display:flex;justify-content:center;align-items:center;gap:var(--space-12);flex-wrap:wrap;padding-top:var(--space-8);border-top:1px solid var(--color-dark-border)}.cta-stat{text-align:center}.cta-stat-value{font-size:var(--text-2xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-1)}.cta-stat-label{font-size:var(--text-sm);color:var(--color-primary-200)}.cta-divider{width:1px;height:40px;background:var(--color-dark-border-light)}.pricing-section{background:var(--color-surface-50)}.pricing-card-wrapper{max-width:500px;margin-inline:auto}.pricing-card{background:var(--color-surface-0);border-radius:var(--radius-2xl);padding:var(--space-12);box-shadow:var(--shadow-xl);border:1px solid var(--color-primary-100);text-align:center;position:relative;overflow:hidden}.pricing-card-bar{position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,var(--color-primary-400),var(--color-primary-600))}.pricing-badge{display:inline-block;padding:var(--space-2) var(--space-4);background:var(--gradient-accent);border-radius:var(--radius-full);color:var(--color-primary-900);font-weight:var(--font-weight-bold);font-size:var(--text-sm);margin-bottom:var(--space-6)}.pricing-plan-name{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-4)}.pricing-price{font-size:var(--text-3xl);font-weight:var(--font-weight-extrabold);color:var(--color-primary-900);margin-bottom:var(--space-8)}.pricing-features{text-align:left;display:inline-block;margin-bottom:var(--space-10)}.pricing-feature-item{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);color:var(--text-primary);font-size:var(--text-base)}.pricing-check-icon{width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-primary-100);display:flex;align-items:center;justify-content:center;color:var(--color-primary-600);flex-shrink:0}.pricing-note{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--text-tertiary)}.site-footer{background:var(--color-dark-bg);color:var(--color-surface-300)}.footer-powered{background:var(--color-dark-bg-alt);border-bottom:1px solid var(--color-dark-border);padding:var(--space-12) 0}.footer-powered-label{font-size:var(--text-sm);color:var(--color-surface-400);text-transform:uppercase;letter-spacing:.1em;font-weight:var(--font-weight-semibold);text-align:center;margin-bottom:var(--space-8)}.footer-logos{display:flex;justify-content:center;align-items:center;gap:var(--space-16);flex-wrap:wrap}.footer-logo-item{display:flex;align-items:center;gap:var(--space-2);opacity:.7;transition:opacity var(--transition-base)}.footer-logo-item:hover{opacity:1}.footer-logo-name{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-inverse)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);padding-block:var(--space-8)}.footer-copy{font-size:var(--text-sm);color:var(--color-surface-400)}.footer-link{color:var(--color-primary-400);font-weight:var(--font-weight-semibold);text-decoration:none;transition:color var(--transition-base)}.footer-link:hover{color:var(--color-primary-300)}:root{--color-primary-50: #ecfdf5;--color-primary-100: #d1fae5;--color-primary-200: #a7f3d0;--color-primary-300: #6ee7b7;--color-primary-400: #34d399;--color-primary-500: #10b981;--color-primary-600: #059669;--color-primary-700: #047857;--color-primary-800: #065f46;--color-primary-900: #064e3b;--color-accent: #fbbf24;--color-accent-text: var(--color-primary-600);--color-surface-0: #ffffff;--color-surface-50: #f8fafc;--color-surface-100: #f1f5f9;--color-surface-200: #e2e8f0;--color-surface-300: #cbd5e1;--color-surface-800: #1e293b;--color-surface-900: #0f172a;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--container-width: 1280px;--header-height: 80px;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-green: 0 10px 15px -3px rgba(16, 185, 129, .3);--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-comic: "Plus Jakarta Sans", cursive, sans-serif;--comic-border: 2px solid var(--text-primary);--comic-shadow: 4px 4px 0px 0px var(--text-primary);--comic-radius: 4px;--sketchy-radius: 255px 15px 225px 15px/15px 225px 15px 255px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-surface-50);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit;transition:color .2s}ul{list-style:none}button{font-family:var(--font-sans)}.container{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;gap:.5rem;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-500) 100%);color:var(--text-inverse);box-shadow:var(--shadow-green),0 0 0 1px #ffffff1a inset}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-700) 0%,var(--color-primary-600) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 20px #10b98166}.btn-secondary{background-color:var(--color-surface-0);color:var(--color-primary-700);border:1px solid var(--color-surface-200);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--color-surface-50);border-color:var(--color-primary-200);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-lg{padding:1rem 2.5rem;font-size:1.125rem}.text-gradient{background:linear-gradient(135deg,var(--color-primary-800) 0%,var(--color-primary-50) 50%,var(--color-primary-600) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:gradient-move 5s ease infinite}.txt-highlight{color:var(--color-accent-text);font-weight:700}.section-padding{padding:6rem 0}.grid-2{display:grid;grid-template-columns:1fr;gap:3rem}.grid-3{display:grid;grid-template-columns:1fr;gap:2rem}.grid-4{display:grid;grid-template-columns:1fr;gap:1.5rem}.comic-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.comic-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-50);border:var(--comic-border);border-radius:8px;font-size:1.5rem;margin-bottom:1rem}@media(min-width:768px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-4{grid-template-columns:repeat(4,1fr)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes gradient-move{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse-glow{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 15px #10b98100}to{box-shadow:0 0 #10b98100}}.comic-box{border:var(--comic-border);box-shadow:var(--comic-shadow);border-radius:var(--comic-radius);background:#fff;padding:1.5rem;transition:all .2s ease}.comic-box:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--text-primary)}.sketchy-border{border:var(--comic-border);border-radius:var(--sketchy-radius)}.header-main{padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-surface-100);background:#fff;position:sticky;top:0;z-index:900;min-height:48px}@media(min-width:768px){.header-main{padding:.5rem 2rem}}.header-left,.header-right{display:flex;align-items:center;gap:1rem}.header-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.header-status{font-size:.75rem;font-weight:400;color:var(--text-secondary);display:none}@media(min-width:480px){.header-status{display:inline}}.header-btn{padding:.25rem .75rem;font-size:.75rem;height:28px;background-color:var(--color-primary-600);border-radius:4px}.side-panel{width:240px;background:#f9f9f9;border-right:1px solid var(--color-surface-100);height:100vh;position:sticky;top:0;transition:width .2s ease;display:flex;flex-direction:column;z-index:1000;flex-shrink:0}.side-panel.minimized{width:60px}.side-panel-header{padding:1.5rem 1rem;display:flex;align-items:center;justify-content:space-between}.side-panel-content{padding:.5rem;flex:1;display:flex;flex-direction:column;gap:.25rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:6px;font-weight:400;color:var(--text-secondary);transition:background .1s;text-decoration:none;font-size:.875rem}.nav-link:hover,.nav-link.active{background:var(--color-surface-200);color:var(--text-primary)}.side-panel.minimized .nav-text{display:none}.content-main{flex:1;padding:4rem 2rem;max-width:100%;min-width:0;overflow-x:hidden}.hero-header{margin-bottom:4rem}@media(min-width:768px){.hero-header{margin-bottom:8rem}}.hero-large-title{font-size:2.25rem;font-weight:800;letter-spacing:-.04em;margin-bottom:1rem;color:var(--text-primary);line-height:1.1}@media(min-width:768px){.hero-large-title{font-size:3.5rem;margin-bottom:1.5rem}}.hero-large-subtitle{font-size:1.125rem;color:var(--text-secondary);line-height:1.6;max-width:700px;margin-bottom:2rem}@media(min-width:768px){.hero-large-subtitle{font-size:1.25rem;margin-bottom:6rem}}.index-section{margin-bottom:6rem;max-width:1000px;margin-left:auto;margin-right:auto}.index-title{font-size:.8125rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary-600);margin-bottom:2.5rem;display:flex;align-items:center;gap:1rem}.index-title:after{content:"";flex:1;height:1px;background:var(--color-surface-100)}.page-content-wrapper{flex:1;display:flex;flex-direction:column;min-width:0}.footer-main{margin-top:5rem;padding:3rem 0;border-top:1px solid var(--color-surface-100)}@media(min-width:768px){.footer-main{margin-top:10rem;padding:4rem 0}}.index-item{display:flex;align-items:baseline;justify-content:space-between;padding:.75rem 0;color:var(--text-secondary);text-decoration:none;border-bottom:1px solid transparent;width:100%}.index-item:hover{transform:translate(8px);color:var(--color-primary-700)}.index-item .name{font-weight:700;color:var(--text-primary);font-size:1.0625rem;margin-right:1.5rem;min-width:140px}.index-item .desc{color:var(--text-tertiary);font-size:1rem;flex:1}.index-item .num{font-family:var(--font-mono, monospace);font-size:.8125rem;color:var(--text-tertiary);opacity:.5}.comic-box-title{font-weight:700;font-size:1.25rem;margin-bottom:1rem;color:var(--text-primary)}.comic-box-desc{color:var(--text-secondary);line-height:1.7}.mt-3{margin-top:2rem}@media(min-width:768px){.mt-3{margin-top:3rem}}.soft-comic-box{background:#fff;border:1px solid var(--color-surface-200);border-radius:16px;padding:2.5rem;box-shadow:0 4px 24px -12px #00000014;transition:all .3s ease}.soft-comic-box:hover{border-color:var(--color-primary-200);box-shadow:0 8px 32px -12px #0000001f}.comic-full-box{border:1px solid var(--color-surface-200);border-radius:12px;overflow:hidden;margin-bottom:3rem;background:var(--color-surface-50);width:100%}.comic-full-box img{width:100%;height:auto;display:block;object-fit:contain}.comic-caption{padding:1.5rem;border-top:1px solid var(--color-surface-200);background:#fff}.comic-visual-container{overflow:hidden;border-radius:12px;border:1px solid rgba(0,0,0,.05)}.comic-visual-container img{display:block;width:100%;transition:transform .5s ease}.soft-comic-box:hover .comic-visual-container img{transform:scale(1.03)}.toggle-btn{background:var(--text-primary);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:all .2s;font-size:.75rem}.toggle-btn:hover{transform:scale(1.1)}.comic-heading{font-family:var(--font-comic);font-weight:900;letter-spacing:-.02em}.comic-badge{display:inline-block;padding:.25rem .75rem;background:var(--color-primary-600);color:#fff;font-family:var(--font-comic);border:var(--comic-border);border-radius:20px;font-size:.75rem;margin-bottom:1rem}@media(max-width:768px){.side-panel{position:fixed;left:-280px}.side-panel.mobile-open{left:0}.content-main{padding:2rem}.header-main{padding:1rem 2rem}}