@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap";:root{--color-bg-base: #EFF5EF;--color-bg-overlay: rgba(239, 245, 239, .88);--color-bg-sidebar: rgba(255, 255, 255, .88);--color-bg-topbar: rgba(239, 245, 239, .88);--color-bg-mobile-nav: rgba(239, 245, 239, .96);--color-bg-card: rgba(255, 255, 255, .78);--color-bg-card-strong: rgba(255, 255, 255, .9);--color-bg-float: rgba(255, 255, 255, .9);--color-bg-input: rgba(0, 0, 0, .05);--color-bg-chip: rgba(255, 255, 255, .88);--color-bg-chip-hover: rgba(57, 232, 133, .1);--color-bg-hover-soft: rgba(0, 0, 0, .05);--color-text-primary: #0A1F0E;--color-text-strong: rgba(13, 26, 16, .95);--color-text-high: rgba(13, 26, 16, .9);--color-text-body: rgba(13, 26, 16, .85);--color-text-secondary: rgba(13, 26, 16, .78);--color-text-muted: rgba(13, 26, 16, .72);--color-text-faint: rgba(13, 26, 16, .65);--color-text-disabled: rgba(13, 26, 16, .4);--color-green-vivid: #39E885;--color-green-bright: #4ADE80;--color-green-deep: #16A34A;--color-green-text: #166534;--color-green-text-mid: #15803D;--color-green-bg-soft: rgba(57, 232, 133, .08);--color-green-bg-med: rgba(57, 232, 133, .1);--color-green-bg-icon: rgba(57, 232, 133, .12);--color-green-bg-strong: rgba(57, 232, 133, .15);--color-green-border: rgba(57, 232, 133, .2);--color-green-border-mid: rgba(57, 232, 133, .25);--color-green-border-strong: rgba(57, 232, 133, .32);--color-green-glow-sm: rgba(57, 232, 133, .06);--color-green-glow-md: rgba(57, 232, 133, .12);--color-green-glow-lg: rgba(57, 232, 133, .18);--color-green-glow-xl: rgba(57, 232, 133, .45);--color-cat-text-vivid: #39E885;--color-cat-image-vivid: #FBBF24;--color-cat-video-vivid: #F472B6;--color-cat-music-vivid: #A78BFA;--color-cat-design-vivid: #38BDF8;--color-cat-dev-vivid: #2DD4BF;--color-cat-text-dark: #166534;--color-cat-image-dark: #92400E;--color-cat-video-dark: #9D174D;--color-cat-music-dark: #5B21B6;--color-cat-design-dark: #075985;--color-cat-dev-dark: #0F766E;--color-border-faint: rgba(0, 0, 0, .06);--color-border-default: rgba(0, 0, 0, .08);--color-border-mid: rgba(0, 0, 0, .1);--color-border-strong: rgba(0, 0, 0, .12);--shadow-card: 0 2px 20px rgba(0, 0, 0, .06);--shadow-card-strong: 0 4px 24px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, 1);--shadow-float: 0 8px 48px rgba(0, 0, 0, .12), 0 0 40px rgba(57, 232, 133, .06);--shadow-hover-card: 0 0 32px rgba(57, 232, 133, .12), 0 12px 32px rgba(0, 0, 0, .1);--shadow-primary-btn: 0 0 24px rgba(57, 232, 133, .5);--shadow-primary-btn-hov: 0 0 36px rgba(57, 232, 133, .6);--font-sans: "Pretendard", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: "Source Serif 4", "Source Serif Pro", Georgia, serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--fs-display: 34px;--fs-display-sm: 28px;--fs-h1: 21px;--fs-h2: 16px;--fs-body-lg: 15px;--fs-body: 14px;--fs-body-sm: 13px;--fs-caption: 12px;--fs-micro: 11px;--fs-label: 11px;--fs-badge: 10px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.12;--lh-snug: 1.3;--lh-normal: 1.5;--lh-relaxed: 1.6;--ls-display: -.04em;--ls-tight: -.02em;--ls-normal: 0;--ls-label: .08em;--ls-kicker: .12em;--space-1: 4px;--space-2: 8px;--space-3: 10px;--space-4: 12px;--space-5: 14px;--space-6: 16px;--space-7: 20px;--space-8: 24px;--space-9: 28px;--space-10: 32px;--space-11: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-card: 22px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .2s;--dur-base: .4s;--dur-slow: .75s;--sidebar-w: 256px;--sidebar-w-collapsed: 72px;--topbar-h: 65px;--content-max: 1100px;--landing-max-w: 1280px;--fs-landing-hero: clamp(42px, 6.2vw, 76px);--fs-landing-h2: clamp(30px, 4vw, 46px);--fs-landing-h3: clamp(22px, 2.6vw, 30px);--fs-landing-stat: clamp(36px, 4.8vw, 60px);--fs-landing-body: clamp(15px, 1.45vw, 19px);--fs-landing-card-title: clamp(19px, 2.2vw, 24px);--fs-landing-card-desc: clamp(13px, 1.1vw, 15px);--fs-landing-ui: 12px;--landing-section-py: clamp(72px, 9vw, 120px);--landing-section-py-sm: clamp(48px, 6vw, 80px);--color-dark-bg: #0A1A0D;--color-dark-bg-card: rgba(255,255,255,.05);--color-dark-border: rgba(255,255,255,.08);--color-dark-text: rgba(255,255,255,.95);--color-dark-muted: rgba(255,255,255,.55);--text: var(--color-text-primary);--text2: var(--color-text-muted);--text3: var(--color-text-faint);--text4: var(--color-text-disabled);--bg: var(--color-bg-base);--bg2: var(--color-bg-card);--bg3: var(--color-bg-input);--bg4: var(--color-bg-hover-soft);--border: var(--color-border-default);--border2: var(--color-border-faint);--accent: var(--color-green-vivid);--accent2: var(--color-green-deep);--accent-dim: var(--color-green-bg-med);--accent-border: var(--color-green-border-mid);--green: var(--color-green-text);--red: rgba(220, 38, 38, .85)}@font-face{font-family:Pretendard;font-style:normal;font-weight:100;font-display:swap;src:url(/assets/Pretendard-Thin-DWJVAZ2K.woff2) format("woff2")}@font-face{font-family:Pretendard;font-style:normal;font-weight:200;font-display:swap;src:url(/assets/Pretendard-ExtraLight-Bi0YRlFr.woff2) format("woff2")}@font-face{font-family:Pretendard;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/Pretendard-Light-knQmDAda.woff2) format("woff2")}@font-face{font-family:Pretendard;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/Pretendard-Regular-BhrLQoBv.woff2) format("woff2")}@font-face{font-family:Pretendard;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/Pretendard-Medium-Dw2vNklR.woff2) format("woff2")}@font-face{font-family:Pretendard;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/Pretendard-SemiBold-ClEDdoZU.woff2) format("woff2")}@font-face{font-family:Pretendard;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/Pretendard-Bold-BYNivUXw.woff2) format("woff2")}@font-face{font-family:Pretendard;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/Pretendard-ExtraBold-C0vVUedy.woff2) format("woff2")}@font-face{font-family:Pretendard;font-style:normal;font-weight:900;font-display:swap;src:url(/assets/Pretendard-Black-B7X87vPW.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;background:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-normal);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;word-break:keep-all}a{color:var(--color-green-text);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:var(--font-sans)}strong,b{font-weight:var(--fw-bold);color:var(--color-text-primary)}.bg-blob-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.bg-blob{position:absolute;border-radius:50%;pointer-events:none}.bg-blob-1{top:-192px;right:-192px;width:900px;height:900px;background:radial-gradient(circle,rgba(57,232,133,.12) 0%,transparent 55%);opacity:.45}.bg-blob-2{top:50%;left:-224px;transform:translateY(-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(16,185,129,.08) 0%,transparent 55%);opacity:.35}.bg-blob-3{bottom:-160px;left:33%;width:600px;height:600px;background:radial-gradient(circle,rgba(20,184,166,.07) 0%,transparent 55%);opacity:.35}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.lg-card{position:relative;background:var(--color-bg-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-card)}.lg-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.2px;background:linear-gradient(160deg,rgba(0,0,0,.07) 0%,rgba(0,0,0,.03) 25%,transparent 45%,transparent 60%,rgba(57,232,133,.18) 80%,rgba(57,232,133,.32) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.lg-strong{position:relative;background:var(--color-bg-card-strong);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);box-shadow:var(--shadow-card-strong)}.lg-strong:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.2px;background:linear-gradient(160deg,rgba(0,0,0,.07) 0%,rgba(0,0,0,.03) 20%,transparent 40%,transparent 60%,rgba(57,232,133,.22) 80%,rgba(57,232,133,.42) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.sidebar{width:var(--sidebar-w);background:var(--color-bg-sidebar);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--color-border-default);position:fixed;left:0;top:0;height:100vh;display:flex;flex-direction:column;z-index:50;overflow:hidden;transition:width .3s var(--ease-out)}@media(max-width:1023px){.sidebar{display:flex!important;position:fixed;top:var(--topbar-h);left:0;bottom:0;z-index:200;width:var(--sidebar-w)!important;transform:translate(-100%);transition:transform .28s var(--ease-out),box-shadow .28s var(--ease-out);pointer-events:none}.sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 32px #0000002e;pointer-events:auto}.sidebar-close-btn,.sidebar-toggle-btn{display:none!important}}.mobile-sidebar-backdrop{display:none}@media(max-width:1023px){.mobile-sidebar-backdrop{display:block;position:fixed;top:var(--topbar-h);left:0;right:0;bottom:0;z-index:199;background:#00000059;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:backdropFadeIn .25s ease forwards}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:9px 12px;border-radius:var(--radius-md);font-size:var(--fs-body);font-weight:var(--fw-medium);color:#000000b8;transition:all var(--dur-fast);cursor:pointer;text-decoration:none;border:none;background:none;width:100%;text-align:left;font-family:var(--font-sans)}.nav-item:hover{background:var(--color-bg-hover-soft);color:#000000e6;text-decoration:none}.nav-item.active{background:var(--color-green-bg-med);color:var(--color-green-text);font-weight:var(--fw-semibold);box-shadow:inset 0 0 20px #39e8850f}.cat-tab{padding:8px 16px;border-radius:var(--radius-full);font-size:var(--fs-body);font-weight:var(--fw-medium);border:1px solid var(--color-border-mid);background:#ffffffb8;color:#0000008c;font-family:var(--font-sans);cursor:pointer;transition:all .25s var(--ease-out);white-space:nowrap;flex-shrink:0}.cat-tab:not(.active):hover{background:var(--color-green-bg-soft);color:var(--color-green-text-mid);border-color:var(--color-green-border)}.cat-tab.active{background:var(--color-green-vivid);color:#030b05;font-weight:var(--fw-bold);border-color:transparent;box-shadow:0 0 24px #39e88573}.tool-card{position:relative;overflow:hidden;cursor:pointer;border-radius:var(--radius-card);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.tool-card:hover{transform:translateY(-4px) scale(1.005)}.tool-card:after{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;border-radius:99px;opacity:0;transition:opacity var(--dur-base) var(--ease-out)}.tool-card:hover:after{opacity:1}.tc-green:hover{box-shadow:0 0 36px #39e8852e,0 16px 36px #0000001a}.tc-sky:hover{box-shadow:0 0 36px #38bdf826,0 16px 36px #0000001a}.tc-teal:hover{box-shadow:0 0 36px #14b8a626,0 16px 36px #0000001a}.tc-amber:hover{box-shadow:0 0 36px #fbbf2426,0 16px 36px #0000001a}.tc-pink:hover{box-shadow:0 0 36px #f472b61f,0 16px 36px #0000001a}.tc-violet:hover{box-shadow:0 0 36px #a78bfa26,0 16px 36px #0000001a}.tc-green:after{background:linear-gradient(90deg,transparent,#39E885,transparent);box-shadow:0 0 12px #39e885}.tc-sky:after{background:linear-gradient(90deg,transparent,#38BDF8,transparent);box-shadow:0 0 12px #38bdf8}.tc-teal:after{background:linear-gradient(90deg,transparent,#2DD4BF,transparent);box-shadow:0 0 12px #2dd4bf}.tc-amber:after{background:linear-gradient(90deg,transparent,#FBBF24,transparent);box-shadow:0 0 12px #fbbf24}.tc-pink:after{background:linear-gradient(90deg,transparent,#F472B6,transparent);box-shadow:0 0 12px #f472b6}.tc-violet:after{background:linear-gradient(90deg,transparent,#A78BFA,transparent);box-shadow:0 0 12px #a78bfa}.card-orb{position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none;opacity:0;transition:opacity .5s var(--ease-out)}.tool-card:hover .card-orb{opacity:1}.icon-box{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-box iconify-icon{font-size:24px}.ai-badge{font-size:var(--fs-badge);font-weight:var(--fw-semibold);padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap;background:var(--color-green-bg-med);color:var(--color-green-text);border:1px solid var(--color-green-border);letter-spacing:.01em}.ai-badge.b-sky{background:#38bdf81a;color:var(--color-cat-design-dark);border-color:#38bdf833}.ai-badge.b-amber{background:#fbbf241a;color:var(--color-cat-image-dark);border-color:#fbbf2433}.ai-badge.b-pink{background:#f472b61a;color:var(--color-cat-video-dark);border-color:#f472b633}.ai-badge.b-violet{background:#a78bfa1a;color:var(--color-cat-music-dark);border-color:#a78bfa33}.ai-badge.b-teal{background:#14b8a61a;color:var(--color-cat-dev-dark);border-color:#14b8a633}.quick-chip{background:var(--color-bg-chip);border:1px solid var(--color-border-mid);color:#0000008c;border-radius:var(--radius-full);padding:6px 14px;font-size:var(--fs-caption);font-weight:var(--fw-regular);font-family:var(--font-sans);cursor:pointer;transition:all var(--dur-fast);white-space:nowrap}.quick-chip:hover{background:var(--color-green-bg-med);color:var(--color-green-text-mid);border-color:var(--color-green-border-mid)}.hover-glow{transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.hover-glow:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-hover-card)}.hover-glow:active{transform:scale(.98)}.inline-link{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-body);font-weight:var(--fw-semibold);background:transparent;border:0;cursor:pointer;font-family:var(--font-sans);transition:gap .3s var(--ease-out);padding:0}.inline-link:hover{gap:12px;text-decoration:none}.h-display{font-family:var(--font-sans);font-weight:var(--fw-bold);font-size:var(--fs-display);line-height:var(--lh-tight);letter-spacing:var(--ls-display);color:var(--color-text-primary);word-break:keep-all;text-wrap:pretty;margin:0 0 var(--space-6)}.h-card{font-family:var(--font-sans);font-weight:var(--fw-bold);font-size:var(--fs-h1);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);color:var(--color-text-primary);word-break:keep-all;margin:0 0 var(--space-2)}.h-section{font-weight:var(--fw-bold);font-size:var(--fs-h2);color:var(--color-text-primary);margin:0 0 var(--space-5)}.h-emph{font-family:var(--font-serif);font-style:italic;font-weight:var(--fw-regular);color:var(--color-green-deep);text-shadow:0 0 30px rgba(57,232,133,.4)}.body-sm{font-size:var(--fs-body-sm);color:var(--color-text-muted);line-height:var(--lh-normal)}.caption{font-size:var(--fs-caption);color:var(--color-text-muted);line-height:var(--lh-normal)}.micro{font-size:var(--fs-micro);color:var(--color-text-faint);line-height:var(--lh-normal)}.label{font-size:var(--fs-label);font-weight:var(--fw-semibold);letter-spacing:var(--ls-label);text-transform:uppercase;color:#0d1a10bf}.kicker{font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:var(--ls-kicker);text-transform:uppercase;color:var(--color-text-faint)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.reveal{opacity:0;transform:translateY(28px);filter:blur(6px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out),filter var(--dur-slow) var(--ease-out)}.reveal.active{opacity:1;transform:translateY(0);filter:blur(0)}@keyframes pulse3{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse3{animation:pulse3 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.toast{position:fixed;bottom:96px;left:50%;transform:translate(-50%);background:#0d1a10eb;color:#fff;padding:10px 18px;border-radius:var(--radius-full);font-size:var(--fs-caption);font-weight:var(--fw-semibold);box-shadow:0 8px 32px #0003;z-index:80;display:flex;align-items:center;gap:8px}.auth-split{display:flex;min-height:100vh;background:#fff}.auth-visual{display:none;position:relative;flex:1;overflow:hidden;background:radial-gradient(ellipse 900px 700px at -10% 5%,rgba(57,232,133,.2) 0%,transparent 55%),radial-gradient(ellipse 600px 600px at 110% 95%,rgba(57,232,133,.13) 0%,transparent 55%),radial-gradient(ellipse 400px 400px at 60% 30%,rgba(57,232,133,.06) 0%,transparent 60%),#060d08;background-size:cover;background-position:center}@media(min-width:768px){.auth-visual{display:flex;flex-direction:column}}.auth-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.045) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.auth-back{position:absolute;top:20px;right:20px;z-index:2;display:flex;align-items:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:9999px;color:#ffffffbf;font-size:13px;font-weight:500;padding:7px 14px;cursor:pointer;font-family:var(--font-sans);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background var(--dur-fast),color var(--dur-fast)}.auth-back:hover{background:#ffffff24;color:#fff}.auth-visual-body{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:48px}.auth-visual-wordmark{font-size:52px;font-weight:800;color:#ffffffe0;letter-spacing:-.03em;line-height:1;margin-bottom:14px}.auth-visual-wordmark span{color:var(--color-green-vivid);text-shadow:0 0 40px rgba(57,232,133,.65)}.auth-visual-tagline{font-size:20px;font-weight:400;color:#ffffff73;line-height:1.55;margin:0}.auth-panel{width:100%;max-width:480px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:48px 40px;background:#fff;box-shadow:-1px 0 0 var(--color-border-default);overflow-y:auto}.auth-panel-inner{width:100%;max-width:340px}.auth-logo{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:36px;text-decoration:none}.auth-logo-icon{width:36px;height:36px;border-radius:12px;flex-shrink:0;background:var(--color-green-bg-icon);box-shadow:0 0 16px #39e88559;display:flex;align-items:center;justify-content:center}.auth-title{font-size:24px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;margin:0 0 6px;text-align:center}.auth-sub{font-size:13px;color:var(--color-text-muted);margin:0 0 28px;line-height:1.5;text-align:center}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field label{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:12px;display:flex;align-items:center;justify-content:center;color:var(--color-text-faint);pointer-events:none;z-index:1;line-height:1}.auth-input-wrap input{width:100%;background:var(--color-bg-input);border:1px solid var(--color-border-mid);border-radius:var(--radius-md);padding:11px 40px 11px 38px;font-size:var(--fs-body);color:var(--color-text-primary);font-family:var(--font-sans);outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast);box-sizing:border-box}.auth-input-wrap input:focus{border-color:#39e88573;box-shadow:0 0 0 3px #39e8851a}.auth-input-wrap input::-moz-placeholder{color:var(--color-text-disabled)}.auth-input-wrap input::placeholder{color:var(--color-text-disabled)}.auth-pw-toggle{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:var(--color-text-faint);font-size:16px;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:color var(--dur-fast)}.auth-pw-toggle:hover{color:var(--color-text-secondary)}.auth-field-error{font-size:12px;color:#dc2626d9;margin:0}.auth-field-success{font-size:12px;color:var(--color-green-text);margin:0}.auth-submit{width:100%;padding:12px;border-radius:var(--radius-md);background:var(--color-green-vivid);border:none;cursor:pointer;font-size:var(--fs-body);font-weight:var(--fw-bold);color:#030b05;font-family:var(--font-sans);box-shadow:var(--shadow-primary-btn);transition:background var(--dur-fast),box-shadow var(--dur-fast);margin-top:4px}.auth-submit:hover{background:var(--color-green-deep);box-shadow:var(--shadow-primary-btn-hov)}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-switch{text-align:center;margin-top:20px;font-size:13px;color:var(--color-text-faint)}.auth-switch a{color:var(--color-green-text);font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-checkbox-label{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--color-text-muted);cursor:pointer}.auth-checkbox-label input{width:auto;flex-shrink:0;margin-top:2px;accent-color:var(--color-green-vivid)}.auth-checkbox-label a{color:var(--color-green-text)}.auth-social-btn{width:100%;padding:11px 16px;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;border:1px solid var(--color-border-mid);border-radius:var(--radius-md);font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--color-text-secondary);font-family:var(--font-sans);cursor:pointer;box-shadow:0 1px 3px #0000000f;transition:background var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast)}.auth-social-btn:hover{background:var(--color-bg-hover-soft);border-color:var(--color-border-strong);box-shadow:0 2px 8px #00000017}.auth-social-btn:active{transform:scale(.99)}.auth-social-btn:disabled{opacity:.55;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:12px;margin:8px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border-default)}.auth-divider span{font-size:12px;color:var(--color-text-faint);font-weight:500;white-space:nowrap}@media(max-width:767px){.auth-panel{max-width:100%;padding:40px 24px;box-shadow:none;min-height:100vh}.auth-panel-inner{max-width:400px}}@media(max-width:1023px){.home-content{padding:24px 20px 120px!important}}@media(max-width:1023px){.main-wrap{margin-left:0!important}}@media(max-width:1023px){.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--color-bg-mobile-nav);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--color-border-default);display:flex;align-items:center;justify-content:space-around;padding:8px 0 max(8px,env(safe-area-inset-bottom));height:64px}.mobile-bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:var(--fw-medium);color:#00000073;border:none;background:none;cursor:pointer;font-family:var(--font-sans);padding:4px 16px;transition:color var(--dur-fast)}.mobile-bottom-nav-item.active{color:var(--color-green-text)}.mobile-bottom-nav-item iconify-icon{font-size:22px}}.app-shell{display:flex;min-height:100vh;position:relative;z-index:10}.app-main{flex:1;min-width:0;margin-left:var(--sidebar-w);padding-top:65px;display:flex;flex-direction:column;position:relative;transition:margin-left .3s var(--ease-out)}.app-shell.sb-collapsed .app-main{margin-left:var(--sidebar-w-collapsed)}.app-shell.sb-collapsed .sidebar{width:var(--sidebar-w-collapsed)}@media(max-width:1023px){.app-main{margin-left:0!important}}.floater{position:fixed;bottom:20px;left:var(--sidebar-w);right:0;margin:0 auto;max-width:760px;width:calc(100% - 32px);padding:14px;border-radius:22px;background:var(--color-bg-float);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);box-shadow:var(--shadow-float);z-index:30;transition:left .3s var(--ease-out)}.app-shell.sb-collapsed .floater{left:var(--sidebar-w-collapsed)}.floater:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.2px;background:linear-gradient(160deg,rgba(0,0,0,.07) 0%,rgba(0,0,0,.03) 20%,transparent 40%,transparent 60%,rgba(57,232,133,.22) 80%,rgba(57,232,133,.42) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@media(max-width:1023px){.floater{left:0;bottom:20px}}.icon-btn{width:36px;height:36px;border-radius:var(--radius-full);background:transparent;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:background var(--dur-fast),color var(--dur-fast);font-family:var(--font-sans)}.icon-btn:hover{background:var(--color-bg-hover-soft);color:var(--color-text-strong)}.icon-btn iconify-icon{font-size:18px}.chip{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-caption);font-weight:var(--fw-medium);padding:4px 10px;border-radius:var(--radius-full);background:var(--color-bg-hover-soft);color:var(--color-text-muted);border:1px solid var(--color-border-faint);white-space:nowrap}.chip.green{background:var(--color-green-bg-med);color:var(--color-green-text);border-color:var(--color-green-border)}.chip.amber{background:#fbbf241a;color:#92400e;border-color:#fbbf2440}.chip.pink{background:#f472b61a;color:#9d174d;border-color:#f472b640}.chip.sky{background:#38bdf81a;color:#075985;border-color:#38bdf840}.chip.violet{background:#a78bfa1a;color:#5b21b6;border-color:#a78bfa40}.seg{display:inline-flex;background:var(--color-bg-hover-soft);border-radius:var(--radius-full);padding:3px;gap:2px}.seg button{background:transparent;border:0;cursor:pointer;font-size:var(--fs-caption);font-weight:var(--fw-semibold);padding:6px 14px;border-radius:var(--radius-full);color:var(--color-text-muted);font-family:var(--font-sans);transition:all var(--dur-fast)}.seg button.on{background:#fff;color:var(--color-text-primary);box-shadow:0 1px 4px #00000014}.menu{background:#fffffff5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:0 12px 40px #0000001f;padding:6px;min-width:160px}.menu-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;font-size:var(--fs-body-sm);color:var(--color-text-body);cursor:pointer;background:transparent;border:0;width:100%;text-align:left;font-family:var(--font-sans);transition:all var(--dur-fast)}.menu-item:hover{background:var(--color-green-bg-med);color:var(--color-green-text)}.menu-item iconify-icon{font-size:16px;color:var(--color-text-muted)}.menu-item:hover iconify-icon{color:var(--color-green-vivid)}.press{transition:transform .15s var(--ease-out)}.press:active{transform:scale(.985)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;background:#0d1a1066;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .25s var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-card{animation:slideUp .35s var(--ease-out)}.img-ph{position:relative;overflow:hidden;background:linear-gradient(45deg,#fde68a,#fbcfe8 30%,#c7d2fe 60%,#a7f3d0);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.img-ph.video:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#1e293b,#334155,#0f766e 80%);z-index:0}.img-ph-icon{position:relative;z-index:1;font-size:26px;color:#ffffffb3;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.result-tile{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:1/1;transition:transform .25s var(--ease-out)}.result-tile:hover{transform:translateY(-2px)}.result-tile .toolbar{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity var(--dur-fast)}.result-tile:hover .toolbar{opacity:1}.result-tile .tb-btn{width:28px;height:28px;border-radius:8px;background:#0d1a108c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:background var(--dur-fast)}.result-tile .tb-btn:hover{background:#0d1a10bf}.result-tile .tb-btn iconify-icon{font-size:14px}.result-tile .tb-btn.fav-on{background:#f472b6d9}.prompt-bubble{align-self:flex-end;max-width:70%;background:var(--color-green-bg-strong);color:var(--color-green-text);padding:12px 16px;border-radius:18px 18px 4px;font-size:var(--fs-body);line-height:1.5;border:1px solid var(--color-green-border)}.hist-card{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:1/1;cursor:pointer;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out);outline:0}.hist-card:focus-visible{box-shadow:0 0 0 3px var(--color-green-glow-md)}.hist-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0000001f}.hist-card .info{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 10px;background:linear-gradient(to top,rgba(0,0,0,.75),transparent);color:#fff;pointer-events:none}.hist-card .info .title{font-size:var(--fs-caption);font-weight:var(--fw-semibold);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hist-card .info .meta{color:#ffffffbf;margin-top:4px;font-size:10px}.hist-card .actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity var(--dur-fast)}.hist-card:hover .actions{opacity:1}.hist-card .type-pill{position:absolute;top:8px;left:8px;font-size:10px;font-weight:var(--fw-semibold);padding:3px 8px;border-radius:var(--radius-full);background:#ffffffeb;color:var(--color-text-body);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:inline-flex;align-items:center;gap:4px}.avatar{border-radius:50%;background:linear-gradient(135deg,#4ade80,#39e885);border:1.5px solid rgba(57,232,133,.3);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--fw-bold);flex-shrink:0;width:32px;height:32px;font-size:13px}.avatar.md{width:40px;height:40px;font-size:15px}.avatar.lg{width:56px;height:56px;font-size:20px}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-mobile-nav);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--color-border-default);padding:10px 12px max(14px,env(safe-area-inset-bottom));justify-content:space-around;z-index:50}.mn-link{background:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:56px;color:#0d1a1073;font-family:var(--font-sans);padding:4px;text-decoration:none}.mn-link iconify-icon{font-size:22px}.mn-link span{font-size:10px;font-weight:var(--fw-medium)}.mn-link.active{color:var(--color-green-deep)}.mn-link.active iconify-icon{color:var(--color-green-vivid)}.mn-link.active span{font-weight:var(--fw-bold)}.meta{font-size:var(--fs-micro);color:var(--color-text-faint);display:flex;align-items:center;gap:8px}input.text-input,textarea.text-input{background:var(--color-bg-input);border:1px solid var(--color-border-mid);border-radius:10px;padding:8px 12px;font-size:var(--fs-body);color:var(--color-text-primary);outline:0;width:100%;transition:all var(--dur-fast);font-family:var(--font-sans)}input.text-input:focus,textarea.text-input:focus{border-color:var(--color-green-border-mid);background:#fff;box-shadow:0 0 0 3px var(--color-green-glow-md)}.topbar{position:fixed;top:0;z-index:210;left:var(--sidebar-w);right:0;padding:14px 32px;background:var(--color-bg-topbar);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--color-border-default);display:flex;align-items:center;justify-content:space-between;transition:left .3s var(--ease-out)}.app-shell.sb-collapsed .topbar{left:var(--sidebar-w-collapsed)}@media(max-width:1023px){.topbar{left:0}}@media(max-width:640px){.topbar{padding:12px 16px}}.btn-primary{height:38px;padding:0 18px;border-radius:var(--radius-md);background:var(--color-green-vivid);color:#030b05;font-weight:var(--fw-bold);font-size:var(--fs-body);border:0;cursor:pointer;font-family:var(--font-sans);box-shadow:var(--shadow-primary-btn);display:inline-flex;align-items:center;gap:6px;transition:all var(--dur-fast)}.btn-primary:hover{background:var(--color-green-deep);box-shadow:var(--shadow-primary-btn-hov)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-ghost{height:38px;padding:0 18px;border-radius:var(--radius-md);background:var(--color-green-bg-strong);color:var(--color-green-text);border:1px solid var(--color-green-border-mid);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);font-family:var(--font-sans);display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all var(--dur-fast)}.btn-ghost:hover{background:#39e88533}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-text{background:transparent;border:0;cursor:pointer;color:var(--color-text-body);font-size:var(--fs-body);padding:8px 12px;border-radius:10px;font-family:var(--font-sans);transition:background var(--dur-fast);display:inline-flex;align-items:center;gap:6px}.btn-text:hover{background:var(--color-bg-hover-soft)}.container{max-width:var(--content-max);margin:0 auto;padding:0 40px}@media(max-width:768px){.container{padding:0 20px}}.mt-32{margin-top:32px}.mt-64{margin-top:56px}.center{text-align:center}.bezel{position:relative;background:var(--color-bg-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-card);border-radius:var(--radius-xl)}.bezel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.2px;background:linear-gradient(160deg,rgba(0,0,0,.07) 0%,rgba(0,0,0,.03) 25%,transparent 45%,transparent 60%,rgba(57,232,133,.18) 80%,rgba(57,232,133,.32) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.bezel-inner{position:relative;border-radius:inherit;overflow:hidden}.section-block{padding:48px 0}.section-eyebrow{font-size:var(--fs-label);font-weight:var(--fw-semibold);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-green-text);margin:0 0 8px}.section-title{font-size:clamp(22px,3vw,var(--fs-h1));font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);color:var(--color-text-primary);margin:0 0 8px}.section-sub{font-size:var(--fs-body);color:var(--color-text-muted);line-height:var(--lh-relaxed);margin:0 0 28px}.section-header-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:14px}.page-hero{padding:48px 0 40px;text-align:center}.page-title{font-size:clamp(26px,4vw,38px);font-weight:var(--fw-bold);letter-spacing:var(--ls-display);color:var(--color-text-primary);margin:0 0 10px}.page-sub{font-size:var(--fs-body);color:var(--color-text-muted);line-height:var(--lh-relaxed);margin:0 0 8px}.pricing-section-wrap{padding:32px 0 80px}.billing-toggle{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:20px;font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--color-text-muted)}.toggle-active{font-weight:var(--fw-bold);color:var(--color-text-primary)}.toggle-switch{width:46px;height:26px;background:var(--color-bg-hover-soft);border:1px solid var(--color-border-mid);border-radius:var(--radius-full);position:relative;cursor:pointer;transition:background var(--dur-base),border-color var(--dur-base)}.toggle-switch.annual{background:var(--color-green-bg-med);border-color:var(--color-green-border)}.toggle-thumb{position:absolute;width:18px;height:18px;background:var(--color-text-muted);border-radius:50%;top:3px;left:4px;transition:all var(--dur-base) var(--ease-out)}.toggle-switch.annual .toggle-thumb{left:22px;background:var(--color-green-vivid)}.save-badge{background:var(--color-green-bg-med);color:var(--color-green-text);border:1px solid var(--color-green-border);padding:1px 8px;border-radius:var(--radius-full);font-size:var(--fs-micro);font-weight:var(--fw-bold);font-style:normal}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:40px}.pricing-card{position:relative;transition:transform var(--dur-base) var(--ease-out)}.pricing-card:hover{transform:translateY(-4px)}.pricing-card.popular .bezel{outline:1.5px solid var(--color-green-border-strong)}.popular-badge,.featured-badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:var(--color-green-vivid);color:#030b05;font-size:var(--fs-micro);font-weight:var(--fw-bold);padding:3px 14px;border-radius:var(--radius-full);white-space:nowrap;z-index:2}.plan-name{font-size:var(--fs-micro);font-weight:var(--fw-bold);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px}.plan-price{display:flex;align-items:baseline;gap:3px;margin-bottom:4px}.price-num{font-size:34px;font-weight:var(--fw-bold);line-height:1;color:var(--color-text-primary)}.price-unit{font-size:var(--fs-body-sm);color:var(--color-text-faint)}.price-period{font-size:var(--fs-caption);color:var(--color-text-faint);margin:0 0 18px}.price-from{font-size:22px;font-weight:var(--fw-bold);color:var(--color-text-primary)}.price-note{display:block;font-size:var(--fs-caption);color:var(--color-text-faint);margin-top:2px}.plan-features{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:8px}.plan-features li{font-size:var(--fs-body-sm);color:var(--color-text-muted);display:flex;gap:8px;align-items:flex-start}.plan-features li span:first-child{font-size:var(--fs-body);flex-shrink:0;margin-top:1px}.compare-table-wrap{overflow-x:auto;margin-top:20px}.compare-table{width:100%;border-collapse:collapse;font-size:var(--fs-body-sm)}.compare-table th{padding:12px 14px;text-align:center;background:var(--color-bg-hover-soft);border-bottom:1px solid var(--color-border-default);font-weight:var(--fw-bold);color:var(--color-text-secondary);font-size:var(--fs-body-sm)}.compare-table th:first-child{text-align:left}.compare-table .highlight-col{background:var(--color-green-bg-soft);color:var(--color-green-text)}.compare-table td{padding:11px 14px;text-align:center;border-bottom:1px solid var(--color-border-faint);color:var(--color-text-muted)}.compare-table td:first-child{text-align:left;color:var(--color-text-body);font-weight:var(--fw-medium)}.compare-table tr:last-child td{border-bottom:none}.compare-table tr:hover td{background:var(--color-bg-hover-soft)}.payment-methods{margin-top:48px;text-align:center}.payment-methods h3{font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);color:var(--color-text-faint);margin-bottom:16px;letter-spacing:.05em}.payment-icons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.payment-icon{background:var(--color-bg-card);border:1px solid var(--color-border-default);padding:9px 18px;border-radius:var(--radius-md);font-size:var(--fs-body-sm);color:var(--color-text-muted);font-weight:var(--fw-medium)}.process-section{padding:40px 0}.process-steps{display:flex;align-items:stretch;overflow-x:auto;padding-bottom:12px;gap:10px}.process-step{flex:1;min-width:140px}.step-wrap{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:18px 16px;height:100%}.step-num{font-size:var(--fs-micro);font-weight:var(--fw-bold);color:var(--color-green-text);margin-bottom:8px;letter-spacing:1px}.step-icon{font-size:26px;margin-bottom:10px}.step-wrap h3{font-size:var(--fs-body-sm);font-weight:var(--fw-bold);margin-bottom:5px;color:var(--color-text-primary)}.step-wrap p{font-size:var(--fs-caption);color:var(--color-text-faint);line-height:1.5;margin:0}.process-arrow{display:none}.agency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:36px}.agency-card{transition:transform var(--dur-base) var(--ease-out)}.agency-card:hover{transform:translateY(-4px)}.agency-card.featured-agency .bezel{outline:1.5px solid var(--color-green-border-mid)}.agency-card-header{height:100px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow:hidden}.video-bg{background:linear-gradient(135deg,var(--color-cat-video-vivid)18%,rgba(244,114,182,.08))}.dev-bg{background:linear-gradient(135deg,var(--color-cat-dev-vivid)18%,rgba(45,212,191,.08))}.design-bg{background:linear-gradient(135deg,var(--color-cat-design-vivid)18%,rgba(56,189,248,.08))}.agency-icon{font-size:40px}.agency-body{padding:22px}.agency-body h3{font-size:var(--fs-h1);font-weight:var(--fw-bold);margin-bottom:10px;color:var(--color-text-primary)}.agency-body>p{font-size:var(--fs-body-sm);color:var(--color-text-muted);line-height:1.65;margin-bottom:14px}.service-features{list-style:none;padding:0;margin-bottom:18px;display:flex;flex-direction:column;gap:6px}.service-features li{font-size:var(--fs-body-sm);color:var(--color-text-muted)}.service-features li:before{content:"✓ ";color:var(--color-green-text);font-weight:var(--fw-bold)}.agency-price{margin-bottom:14px}.agency-bottom-cta{margin-top:36px}.agency-bottom-cta-inner{padding:40px 32px;text-align:center;background:linear-gradient(160deg,var(--color-green-bg-soft) 0%,var(--color-bg-card) 100%)}.agency-bottom-cta-inner h2{font-size:clamp(22px,3vw,32px);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);margin-bottom:10px;color:var(--color-text-primary)}.agency-bottom-cta-inner p{max-width:560px;margin:0 auto 20px;color:var(--color-text-muted);line-height:1.7;font-size:var(--fs-body)}.board-page{padding:32px 0 80px}.board-hero{padding:40px 0 28px}.board-hero.board-detail-hero{padding:28px 0 20px}.board-section-head{margin-bottom:20px}.board-shell{max-width:var(--content-max);margin:0 auto}.board-list-card,.board-detail-card,.board-filter-card,.board-empty-card,.board-reply-card{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden}.board-filter-inner,.board-list-inner,.board-detail-inner,.board-empty-inner,.board-reply-inner{padding:20px}.board-list-grid{display:flex;flex-direction:column}.board-card-topline{display:flex;align-items:center;gap:8px;margin-bottom:6px}.board-card-title{font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--color-text-primary);margin-bottom:4px;text-decoration:none;display:block}.board-card-title:hover{color:var(--color-green-text);text-decoration:none}.board-card-meta{font-size:var(--fs-caption);color:var(--color-text-faint);display:flex;gap:10px}.board-card-date{font-size:var(--fs-caption);color:var(--color-text-faint)}.board-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--fs-micro);font-weight:var(--fw-bold);background:var(--color-bg-hover-soft);color:var(--color-text-faint);border:1px solid var(--color-border-default)}.board-badge.pinned{background:var(--color-green-bg-med);color:var(--color-green-text);border-color:var(--color-green-border)}.board-detail-topline{display:flex;align-items:center;gap:8px;margin-bottom:10px}.board-detail-title{font-size:var(--fs-h1);font-weight:var(--fw-bold);color:var(--color-text-primary);margin-bottom:8px}.board-detail-meta{font-size:var(--fs-caption);color:var(--color-text-faint);display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.board-detail-content{font-size:var(--fs-body);color:var(--color-text-muted);line-height:var(--lh-relaxed);white-space:pre-wrap}.board-state{padding:40px 20px;text-align:center;font-size:var(--fs-body-sm);color:var(--color-text-faint)}.board-state-error{color:#dc2626bf}.board-state-success{color:var(--color-green-text)}.board-empty-actions{display:flex;justify-content:center;gap:10px;margin-top:16px}.board-back-link{display:inline-flex;align-items:center;gap:6px}.board-reply-section{margin-top:20px}.board-reply-title{font-size:var(--fs-body);font-weight:var(--fw-bold);color:var(--color-text-primary);margin-bottom:14px}.board-reply-list{display:flex;flex-direction:column;gap:10px}.board-block-label{font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);color:var(--color-text-secondary);margin-bottom:6px;display:block}.board-search-form{display:flex;gap:8px;flex-wrap:wrap}.board-shortcuts{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.board-attachment-item,.board-file-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-md);background:var(--color-bg-hover-soft);border:1px solid var(--color-border-default);font-size:var(--fs-caption);color:var(--color-text-muted);text-decoration:none;transition:background var(--dur-fast)}.board-attachment-item:hover,.board-file-chip:hover{background:var(--color-green-bg-soft);color:var(--color-green-text)}.board-attachments,.board-attachment-list,.board-file-chip-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.legal-page{padding:32px 0 80px}.legal-hero{padding:40px 0 28px}.legal-shell{max-width:var(--content-max);margin:0 auto;display:grid;grid-template-columns:1fr 240px;gap:24px;align-items:start}@media(max-width:860px){.legal-shell{grid-template-columns:1fr}}.legal-article,.legal-side-panel{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden}.legal-article-inner,.legal-side-inner{padding:28px}.legal-side-panel{position:sticky;top:76px}.legal-article-header{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--color-border-faint)}.legal-doc-type{font-size:var(--fs-label);font-weight:var(--fw-semibold);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-green-text);margin-bottom:8px}.legal-version-pill{display:inline-block;padding:2px 10px;border-radius:var(--radius-full);background:var(--color-bg-hover-soft);border:1px solid var(--color-border-default);font-size:var(--fs-micro);color:var(--color-text-faint)}.legal-meta-list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:4px}.legal-meta-list li{font-size:var(--fs-caption);color:var(--color-text-faint)}.legal-content h2{font-size:var(--fs-body);font-weight:var(--fw-bold);color:var(--color-text-primary);margin:20px 0 8px}.legal-content p{font-size:var(--fs-body-sm);color:var(--color-text-muted);line-height:var(--lh-relaxed);margin:0 0 10px}.legal-state,.legal-state-error{padding:40px;text-align:center;font-size:var(--fs-body-sm);color:var(--color-text-faint)}.legal-state-error{color:#dc2626bf}.legal-side-title{font-size:var(--fs-body-sm);font-weight:var(--fw-bold);color:var(--color-text-primary);margin-bottom:12px}.legal-side-label{font-size:var(--fs-label);font-weight:var(--fw-semibold);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-text-faint);margin-bottom:6px;display:block}.legal-side-links{display:flex;flex-direction:column;gap:6px}.legal-side-links a{font-size:var(--fs-body-sm);color:var(--color-text-muted);text-decoration:none;padding:6px 8px;border-radius:var(--radius-md);transition:background var(--dur-fast),color var(--dur-fast)}.legal-side-links a:hover{background:var(--color-bg-hover-soft);color:var(--color-green-text)}.qna-shell{max-width:var(--content-max);margin:0 auto}.qna-grid{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}@media(max-width:860px){.qna-grid{grid-template-columns:1fr}}.qna-list-card,.qna-form-card{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden}.qna-list-inner,.qna-form-inner{padding:20px}.qna-form-card{position:sticky;top:76px}.qna-list{display:flex;flex-direction:column}.qna-list-item{padding:14px 0;border-bottom:1px solid var(--color-border-faint);display:flex;flex-direction:column;gap:4px}.qna-list-item:last-child{border-bottom:none}.qna-form{display:flex;flex-direction:column;gap:12px}.qna-form-actions{display:flex;justify-content:flex-end;gap:8px}.qna-secret-toggle{display:flex;align-items:center;gap:8px;font-size:var(--fs-body-sm);color:var(--color-text-muted);cursor:pointer}.qna-secret-toggle input{accent-color:var(--color-green-vivid)}.modal-sub{color:var(--color-text-muted);font-size:var(--fs-body-sm);margin-bottom:20px}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);color:var(--color-text-secondary);margin-bottom:6px}.landing-root{min-height:100vh;background:var(--color-bg-base);overflow-x:hidden}.landing-container{max-width:var(--landing-max-w);margin:0 auto;padding:0 clamp(20px,4vw,64px)}.landing-header{position:fixed;top:0;left:0;right:0;z-index:900;transition:background var(--dur-fast),box-shadow var(--dur-fast)}.landing-header.scrolled{background:#eff5efeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--color-border-default)}.landing-header-inner{display:flex;align-items:center;justify-content:space-between;height:68px;gap:24px}.landing-logo{display:inline-flex;align-items:center;text-decoration:none;flex-shrink:0}.landing-logo img{height:30px;display:block}.landing-nav{display:flex;align-items:center;gap:4px}.landing-nav-link{padding:8px 16px;font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);text-decoration:none;transition:color var(--dur-fast),background var(--dur-fast)}.landing-nav-link:hover{color:var(--color-text-primary);background:var(--color-bg-hover-soft);text-decoration:none}.landing-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.landing-btn-ghost{height:38px;padding:0 18px;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border-mid);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);font-family:var(--font-sans);display:inline-flex;align-items:center;cursor:pointer;text-decoration:none;transition:all var(--dur-fast)}.landing-btn-ghost:hover{color:var(--color-text-primary);border-color:var(--color-border-strong);background:var(--color-bg-hover-soft);text-decoration:none}.landing-btn-primary{height:38px;padding:0 20px;border-radius:var(--radius-full);background:var(--color-green-vivid);color:#030b05;border:0;font-weight:var(--fw-bold);font-size:var(--fs-body-sm);font-family:var(--font-sans);display:inline-flex;align-items:center;gap:6px;cursor:pointer;text-decoration:none;box-shadow:0 0 20px #39e88566;transition:all var(--dur-fast)}.landing-btn-primary:hover{background:var(--color-green-bright);box-shadow:0 0 32px #39e8858c;text-decoration:none;transform:translateY(-1px)}.landing-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:0}.landing-hamburger span{display:block;width:22px;height:2px;background:var(--color-text-primary);border-radius:2px;transition:all var(--dur-fast)}.landing-mobile-menu{position:fixed;top:68px;left:0;right:0;bottom:0;border-top:1px solid var(--color-border-faint);background:#eff5effa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:16px 20px 32px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;z-index:899;animation:menuSlideDown .2s var(--ease-out)}.landing-mobile-menu a{padding:12px 16px;font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);text-decoration:none}.landing-mobile-menu a:hover{background:var(--color-bg-hover-soft);text-decoration:none}.landing-mobile-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border-faint)}.landing-mobile-cta{display:block;text-align:center;padding:12px;background:var(--color-green-vivid);color:#030b05!important;font-weight:var(--fw-bold)!important;border-radius:var(--radius-full)!important}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.landing-section{padding:var(--landing-section-py) 0}.landing-section-sm{padding:var(--landing-section-py-sm) 0}.landing-eyebrow{display:inline-block;font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-green-text);background:var(--color-green-bg-soft);border:1px solid var(--color-green-border);padding:4px 14px;border-radius:var(--radius-full);margin-bottom:20px}.landing-h2{font-size:var(--fs-landing-h2);font-weight:var(--fw-bold);letter-spacing:0;color:var(--color-text-primary);line-height:var(--lh-tight);margin:0 0 16px}.landing-body{font-size:var(--fs-landing-body);color:var(--color-text-muted);line-height:var(--lh-relaxed);margin:0 0 28px}.landing-bullet-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.landing-bullet-list li{display:flex;align-items:flex-start;gap:10px;font-size:clamp(14px,1.15vw,17px);color:var(--color-text-body);line-height:var(--lh-normal)}.landing-bullet-list li:before{content:"";flex-shrink:0;width:18px;height:18px;margin-top:2px;background:var(--color-green-bg-strong);border-radius:var(--radius-full);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2316A34A'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");background-size:12px;background-position:center;background-repeat:no-repeat}.hero-section{min-height:80dvh;display:flex;align-items:center;padding-top:clamp(88px,10vw,120px);padding-bottom:clamp(48px,6vw,80px);background:radial-gradient(circle at 12% 18%,rgba(57,232,133,.34) 0%,transparent 30%),radial-gradient(circle at 86% 28%,rgba(255,255,255,.82) 0%,transparent 34%),linear-gradient(145deg,#f4fff7,#ddf7ec 38%,#fff 72%,#f7f0ff)}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center;width:100%}.hero-text{text-align:left}.hero-eyebrow{display:inline-block;font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-green-text-mid);background:var(--color-green-bg-soft);border:1px solid var(--color-green-border);padding:5px 16px;border-radius:var(--radius-full);margin-bottom:20px}.hero-title{font-size:var(--fs-landing-hero);font-weight:var(--fw-bold);letter-spacing:0;color:#07120a;line-height:1.12;margin:0 0 20px}.hero-title em{position:relative;display:inline-block;font-style:normal;color:#08111f;z-index:0}.hero-title em:after{content:"";position:absolute;left:-.04em;right:-.04em;bottom:.08em;height:.28em;border-radius:var(--radius-full);background:#39e8857a;z-index:-1}.hero-desc{font-size:var(--fs-landing-body);color:#07120ac2;line-height:var(--lh-relaxed);max-width:520px;margin:0 0 32px}.hero-cta-wrap{display:flex;align-items:center;justify-content:flex-start;gap:12px}.hero-cta-btn{height:50px;padding:0 28px;border-radius:var(--radius-full);background:var(--color-green-vivid);color:#030b05;border:0;font-weight:var(--fw-bold);font-size:16px;font-family:var(--font-sans);display:inline-flex;align-items:center;gap:8px;cursor:pointer;text-decoration:none;box-shadow:0 16px 34px #07120a2e,0 0 0 1px #07120a14;transition:all var(--dur-base) var(--ease-out)}.hero-cta-btn:hover{box-shadow:0 20px 42px #07120a38,0 0 0 1px #07120a1a;transform:translateY(-2px);text-decoration:none;background:var(--color-green-bright);color:#030b05}.hero-cta-secondary{height:50px;padding:0 24px;border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);border:1.5px solid var(--color-border-mid);font-weight:var(--fw-semibold);font-size:15px;font-family:var(--font-sans);display:inline-flex;align-items:center;gap:6px;cursor:pointer;text-decoration:none;transition:all var(--dur-fast)}.hero-cta-secondary:hover{border-color:var(--color-border-strong);color:var(--color-text-primary);text-decoration:none}.product-mockup-wrap{width:100%;overflow:hidden;border-radius:var(--radius-xl);background:#fff;box-shadow:0 20px 60px #0000001a,0 6px 24px #0000000f,0 0 0 1px #0000000d}.mockup-chrome{background:#f0f0f0;padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e0e0e0}.mockup-chrome-dots{display:flex;gap:6px;flex-shrink:0}.mockup-chrome-dots span{width:12px;height:12px;border-radius:50%}.mockup-chrome-dots span:nth-child(1){background:#ff5f57}.mockup-chrome-dots span:nth-child(2){background:#ffbd2e}.mockup-chrome-dots span:nth-child(3){background:#28c840}.mockup-url-bar{flex:1;height:26px;background:#0000000f;border-radius:var(--radius-sm);display:flex;align-items:center;padding:0 12px;font-size:12px;color:#888;font-family:var(--font-mono)}.mockup-body{background:#fff;padding:20px}.mockup-model-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.mockup-model-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-md);font-size:12px;font-weight:var(--fw-semibold);border:1.5px solid transparent;cursor:pointer;transition:all var(--dur-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#f5f5f5;color:#666}.mockup-model-tab.active{background:var(--color-green-bg-soft);border-color:var(--color-green-border-mid);color:var(--color-green-text)}.mockup-model-tab-dot{width:8px;height:8px;border-radius:50%;background:#ccc;transition:background var(--dur-fast)}.mockup-model-tab.active .mockup-model-tab-dot{background:var(--color-green-vivid)}.mockup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.mockup-col-wrap{position:relative;border-radius:calc(var(--radius-md) + 2px);padding:1.5px;background:#e8e8e8;overflow:hidden}.mockup-col-wrap.generating{background:transparent}.mockup-col-wrap.generating:before{content:"";position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;background:conic-gradient(from 0deg,#39e885,#60a5fa,#c084fc,#f472b6,#39e885);animation:colBorderSpin 2s linear infinite}@keyframes colBorderSpin{to{transform:rotate(360deg)}}.mockup-col{position:relative;z-index:1;border-radius:var(--radius-md);overflow:hidden;background:#fff}.mockup-col-header{padding:8px 12px;background:#fafafa;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between}.mockup-col-name{font-size:11px;font-weight:var(--fw-bold);color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockup-col-status{font-size:10px;font-weight:var(--fw-bold);padding:2px 8px;border-radius:var(--radius-full);background:#eee;color:#888;flex-shrink:0}.mockup-col-status.generating{background:#39e88526;color:var(--color-green-text);animation:statusPulse 1s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.45}}.mockup-img-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:8px}.mockup-result-frame{padding:8px}.mockup-result-frame img{display:block;width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px #0000000a}.mockup-result-img.loaded{animation:swatchFadeIn .45s ease-out both}.mockup-swatch{aspect-ratio:1;border-radius:var(--radius-sm);width:100%}.mockup-swatch.skeleton{background:linear-gradient(90deg,#efefef 25%,#e2e2e2,#efefef 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.mockup-swatch.loaded{animation:swatchFadeIn .45s ease-out both}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes swatchFadeIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.mockup-prompt-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f7f7f7;border-radius:var(--radius-md);border:1px solid #e5e5e5}.mockup-prompt-bar-top{margin-bottom:16px}.mockup-prompt-input{flex:1;font-size:13px;color:#333;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:2px}.mockup-cursor{display:inline-block;width:2px;height:14px;background:var(--color-green-deep);border-radius:1px;animation:blink 1s step-end infinite;flex-shrink:0}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.mockup-model-chip{flex-shrink:0;padding:4px 10px;background:#fff;border:1px solid #ddd;border-radius:var(--radius-full);font-size:11px;font-weight:var(--fw-semibold);color:#555;white-space:nowrap}.mockup-gen-btn{flex-shrink:0;height:30px;padding:0 14px;background:var(--color-green-vivid);color:#030b05;border:0;border-radius:var(--radius-sm);font-size:12px;font-weight:var(--fw-bold);font-family:var(--font-sans);cursor:pointer;transition:all var(--dur-fast)}.mockup-gen-btn:hover{background:var(--color-green-bright)}.stats-section{background:var(--color-dark-bg);padding:32px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding-left:0!important;padding-right:0!important}.stats-item{padding:24px 32px;background:var(--color-dark-bg);text-align:center;align-items:center;position:relative;border-right:1px solid var(--color-dark-border)}.stats-item:last-child{border-right:none}.stats-number{font-size:var(--fs-landing-h3);font-weight:var(--fw-bold);letter-spacing:0;color:var(--color-green-vivid);line-height:1;margin-bottom:10px}.stats-label{font-size:var(--fs-landing-card-desc);color:var(--color-dark-muted);line-height:var(--lh-snug)}.features-section{padding:var(--landing-section-py) 0;background:linear-gradient(160deg,#e8f5eb,#f2faf3 45%,#fafffe)}.features-header{text-align:center;margin-bottom:48px}.features-header .landing-h2{margin-bottom:12px}.features-header-desc{font-size:var(--fs-landing-body);color:var(--color-text-muted);margin:0}.features-bento{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-card{background:#fff;border-radius:20px;box-shadow:0 4px 24px #0000000f,0 1px 4px #0000000a;overflow:hidden;display:flex;flex-direction:column;padding:32px;gap:24px}.feature-card.full-width{grid-column:1 / -1;padding:0}.feature-card-label{display:inline-block;font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-green-text);margin-bottom:10px}.feature-card-title{font-size:var(--fs-landing-card-title);font-weight:var(--fw-bold);letter-spacing:0;color:var(--color-text-primary);line-height:var(--lh-snug);margin:0 0 10px}.feature-card-desc{font-size:var(--fs-landing-card-desc);color:var(--color-text-muted);line-height:var(--lh-relaxed);margin:0}.feature-card-visual{flex:1;min-height:0}.feature-mosaic{grid-template-rows:repeat(3,70px)!important}.lib-mockup{display:flex;flex-direction:column;gap:12px}.lib-mockup-tabs{display:flex;gap:8px}.lib-mockup-tab{height:32px;padding:0 16px;border-radius:var(--radius-full);border:1px solid var(--color-border-mid);background:#fff;font-size:13px;font-weight:var(--fw-medium);font-family:var(--font-sans);color:var(--color-text-secondary);cursor:pointer;transition:all var(--dur-fast)}.lib-mockup-tab.active{background:var(--color-green-vivid);border-color:var(--color-green-vivid);color:#030b05;font-weight:var(--fw-bold)}@keyframes libGridFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lib-mockup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;animation:libGridFadeIn .3s ease-out both}.lib-mockup-card{position:relative;border-radius:14px;aspect-ratio:4 / 3;overflow:hidden;cursor:pointer;background:#111;box-shadow:0 2px 12px #0000002e;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1)}.lib-mockup-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(160deg,rgba(255,255,255,.12) 0%,transparent 40%,transparent 60%,var(--accent-glow, rgba(244,114,182,.3)) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:3}.lib-mockup-card:after{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;border-radius:99px;background:linear-gradient(90deg,transparent,var(--accent, #F472B6),transparent);box-shadow:0 0 8px var(--accent, #F472B6);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:4}.lib-mockup-card:hover{transform:translateY(-3px) scale(1.025);box-shadow:0 0 20px var(--accent-glow, rgba(244,114,182,.22)),0 10px 24px #0000004d}.lib-mockup-card:hover:after{opacity:1}.lib-mockup-card:hover .lib-card-media{transform:scale(1.07)}.lib-card-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform 6s cubic-bezier(.16,1,.3,1);z-index:0}.lib-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000001a,#0000000d 45%,#000000a6);z-index:1;pointer-events:none}.lib-card-bottom{position:absolute;bottom:0;left:0;right:0;padding:8px 10px;z-index:2;display:flex;flex-direction:column;gap:1px}.lib-mockup-label{font-size:11px;font-weight:var(--fw-bold);color:#ffffffeb;line-height:1.3;text-shadow:0 1px 4px rgba(0,0,0,.4)}.lib-card-meta{font-size:9px;color:#ffffff8c;font-family:var(--font-mono, monospace);letter-spacing:.04em}.feature-card-split{display:grid;grid-template-columns:1fr 1fr;min-height:320px}.feature-card-split .feature-card-text{padding:40px;display:flex;flex-direction:column;justify-content:center}.feature-video-mockup{border-radius:0 20px 20px 0!important;box-shadow:none!important}.features-mini-cta{margin-top:20px}.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,80px);align-items:center}.feature-split.reverse{direction:rtl}.feature-split.reverse>*{direction:ltr}.preset-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preset-card{border-radius:var(--radius-lg);overflow:hidden;position:relative;aspect-ratio:4/3;cursor:pointer;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base)}.preset-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0000002e}.preset-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.preset-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,transparent 55%);display:flex;align-items:flex-end;padding:14px}.preset-card-name{font-size:clamp(13px,1vw,15px);font-weight:var(--fw-bold);color:#fffffff2;letter-spacing:0}.preset-card-count{font-size:var(--fs-micro);color:#fff9;margin-top:2px}.library-mosaic{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,90px);gap:8px}.lib-swatch{border-radius:var(--radius-md);transition:transform var(--dur-fast);cursor:pointer}.lib-swatch:hover{transform:scale(1.04)}.lib-swatch.span2{grid-column:span 2}.lib-swatch.tall{grid-row:span 2}.video-mockup{background:#1a1a1a;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 20px 60px #0000004d}.video-mockup-header{background:#111;padding:10px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.06)}.video-mockup-header-dot{width:8px;height:8px;border-radius:50%;background:#ffffff26}.video-mockup-body{padding:20px;display:flex;flex-direction:column;gap:12px}.video-prompt-row{display:flex;gap:10px;align-items:center}.video-prompt-tag{flex-shrink:0;font-size:10px;font-weight:var(--fw-bold);letter-spacing:.08em;padding:4px 10px;border-radius:var(--radius-full);font-family:var(--font-mono)}.video-prompt-tag.start{background:#39e88526;color:var(--color-green-vivid);border:1px solid rgba(57,232,133,.25)}.video-prompt-tag.end{background:#f871711f;color:#f87171;border:1px solid rgba(248,113,113,.2)}.video-prompt-text{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:8px 12px;font-size:12px;color:#ffffffbf}.video-gen-btn{margin-top:4px;width:100%;height:36px;background:var(--color-green-vivid);color:#030b05;border:0;border-radius:var(--radius-md);font-size:13px;font-weight:var(--fw-bold);font-family:var(--font-sans);cursor:pointer;transition:all var(--dur-fast);display:flex;align-items:center;justify-content:center;gap:6px}.video-gen-btn:hover{background:var(--color-green-bright)}.iv-mockup{display:flex;flex-direction:column;padding:24px 22px 22px;gap:16px;background:#eef1f6;min-height:320px}.iv-steps{display:flex;align-items:flex-start}.iv-step{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0}.iv-step-node{width:30px;height:30px;border-radius:50%;background:#fff;border:1.5px solid rgba(0,0,0,.14);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#00000047;position:relative;transition:background .3s ease,border-color .3s ease,color .3s ease}.iv-step.active .iv-step-node{background:#3b82f6;border-color:#3b82f6;color:#fff}.iv-step.active .iv-step-node:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:1.5px dashed #3B82F6;opacity:.55;animation:ivRingFade .4s ease-out both}@keyframes ivRingFade{0%{opacity:0;transform:scale(.85)}to{opacity:.55;transform:scale(1)}}.iv-step.done .iv-step-node{background:#bfdbfe;border-color:#93c5fd;color:#1d4ed8}.iv-step-label{font-size:10px;color:#00000059;white-space:nowrap;font-weight:500;font-family:var(--font-sans)}.iv-step.active .iv-step-label{color:#2563eb;font-weight:600}.iv-step.done .iv-step-label{color:#93c5fd}.iv-step-line{flex:1;height:1.5px;margin-top:14px;background:#0000001f;transition:background .4s ease}.iv-step-line.done{background:#93c5fd}.iv-panel-wrap{position:relative;flex:1;min-height:185px}.iv-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}.iv-panel.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.iv-panel-image{border-radius:12px;overflow:hidden;background:#111;box-shadow:0 4px 20px #00000038}.iv-img-preview{flex:1;background:linear-gradient(135deg,#f59e0b,#ec4899 52%,#a78bfa)}.iv-img-bar{padding:9px 12px;background:#111;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.iv-img-model{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#ffffffd9;font-family:var(--font-sans)}.iv-model-avatar{width:22px;height:22px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff}.iv-img-actions{display:none}.iv-make-video-btn{height:28px;padding:0 11px;border-radius:var(--radius-full);background:linear-gradient(135deg,#ec4899,#a78bfa);border:none;color:#fff;font-size:11px;font-weight:700;font-family:var(--font-sans);cursor:pointer;display:flex;align-items:center;gap:4px;white-space:nowrap}@keyframes ivBtnPulse{0%{box-shadow:0 0 #a78bfab3;transform:scale(1)}50%{box-shadow:0 0 0 8px #a78bfa00;transform:scale(1.07)}to{box-shadow:0 0 #a78bfa00;transform:scale(1)}}.iv-make-video-btn.pulsing{animation:ivBtnPulse .55s ease-out 2}.iv-panel-video{border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.08);padding:14px;gap:10px;box-shadow:0 2px 12px #00000012}.iv-frames-row{display:flex;gap:8px;flex-shrink:0}.iv-frame{position:relative;width:68px;height:54px;border-radius:10px;overflow:hidden;flex-shrink:0}.iv-frame-start{background:linear-gradient(135deg,#f59e0b,#ec4899)}.iv-frame-end{background:transparent;border:1.5px dashed rgba(0,0,0,.16);display:flex;align-items:center;justify-content:center}@keyframes ivFrameFill{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.iv-panel-video.visible .iv-frame-start{animation:ivFrameFill .45s .15s ease-out both}.iv-frame-tag{position:absolute;bottom:4px;left:4px;font-size:8px;font-weight:700;letter-spacing:.05em;padding:2px 5px;border-radius:4px;font-family:var(--font-mono)}.iv-frame-tag.start-tag{background:#39e88538;color:#166534}.iv-frame-tag.end-tag{position:static;font-size:10px;background:#0000000f;color:#00000061;padding:3px 8px;border-radius:6px}.iv-prompt-row{display:flex;align-items:center;gap:8px;flex-shrink:0}.iv-video-prompt-input{flex:1;padding:9px 11px;background:#f5f6f7;border-radius:8px;font-size:11.5px;font-family:var(--font-sans);display:flex;align-items:center;min-height:36px;overflow:hidden}.iv-prompt-text{color:#000000bf;white-space:nowrap}.iv-prompt-placeholder{color:#0000004d;white-space:nowrap}.iv-prompt-cursor{display:inline-block;width:1.5px;height:13px;background:#0000008c;margin-left:1px;vertical-align:middle;flex-shrink:0;animation:ivCursorBlink .75s step-end infinite}@keyframes ivCursorBlink{0%,to{opacity:1}50%{opacity:0}}.iv-gen-btn{margin-left:auto;height:28px;padding:0 12px;background:var(--color-green-vivid);color:#030b05;border:none;border-radius:var(--radius-full);font-size:11px;font-weight:700;font-family:var(--font-sans);cursor:pointer;display:inline-flex;align-items:center;gap:4px;box-shadow:0 0 12px #39e8854d;white-space:nowrap;flex-shrink:0}.iv-panel-result{border-radius:12px;overflow:hidden}.iv-skeleton-card{flex:1;display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 12px #00000012}.iv-skeleton-thumb{flex:1;background:linear-gradient(90deg,#e4e7ec 25%,#eef0f4,#e4e7ec 75%);background-size:400% 100%;animation:ivShimmer 1.4s infinite linear}.iv-skeleton-lines{padding:10px 12px;display:flex;flex-direction:column;gap:7px;flex-shrink:0}.iv-skeleton-line{height:8px;border-radius:4px;background:linear-gradient(90deg,#e4e7ec 25%,#eef0f4,#e4e7ec 75%);background-size:400% 100%;animation:ivShimmer 1.4s infinite linear}.iv-skeleton-line:nth-child(2){animation-delay:.15s}@keyframes ivShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.iv-complete-card{flex:1;display:flex;flex-direction:column;background:#111;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000038;animation:ivCompleteFadeIn .45s ease-out both}@keyframes ivCompleteFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.iv-complete-thumb{flex:1;background:linear-gradient(135deg,#f59e0b,#ec4899 52%,#a78bfa);display:flex;align-items:center;justify-content:center}.iv-play-btn{width:34px;height:34px;border-radius:50%;background:#ffffff38;border:1.5px solid rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;animation:ivCompleteFadeIn .4s .15s ease-out both}.iv-play-btn:after{content:"";width:0;height:0;border-style:solid;border-width:6px 0 6px 11px;border-color:transparent transparent transparent rgba(255,255,255,.9);margin-left:3px}.iv-complete-bar{padding:9px 12px;background:#111;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.iv-complete-label{font-size:11px;font-weight:700;color:#ffffffd9;font-family:var(--font-sans);display:flex;align-items:center}.iv-complete-meta{font-size:10px;color:#ffffff59;font-family:var(--font-mono)}.usecases-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:48px}.usecase-card{position:relative;min-height:370px;overflow:hidden;border:1px solid rgba(0,0,0,.04);border-radius:28px;padding:46px 48px;cursor:pointer;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.usecase-card.tone-social{background:linear-gradient(145deg,#eef0ff,#dce7ff)}.usecase-card.tone-marketing{background:linear-gradient(145deg,#e5fbfa,#dff4e8)}.usecase-card.tone-commerce{background:linear-gradient(145deg,#fff0dd,#ffd09a)}.usecase-card.tone-video{background:linear-gradient(145deg,#ddf8ff,#93c8ff)}.usecase-card:hover{transform:translateY(-6px);border-color:#39e8853d;box-shadow:0 24px 60px #0f22141f}.usecase-title{position:relative;z-index:2;font-size:var(--fs-landing-h3);font-weight:var(--fw-bold);color:var(--color-text-primary);margin:0 0 18px;letter-spacing:0;line-height:1.12}.usecase-desc{position:relative;z-index:2;font-size:var(--fs-landing-body);font-weight:var(--fw-medium);color:#0d1a10b8;line-height:var(--lh-relaxed);margin:0}.usecase-visual{position:absolute;pointer-events:none;transition:transform .45s var(--ease-out),opacity .45s var(--ease-out)}.usecase-card:hover .usecase-visual{transform:translate3d(0,-10px,0) scale(1.02)}.social-visual{right:32px;bottom:-28px;width:min(48%,260px);height:250px}.social-phone{position:absolute;width:128px;height:210px;border-radius:24px;background:#ffffff94;box-shadow:0 18px 44px #5b54aa29}.social-phone.phone-back{left:12px;top:38px;transform:rotate(-12deg);opacity:.72}.social-phone.phone-front{right:14px;top:0;transform:rotate(9deg)}.social-thumb{width:calc(100% - 24px);height:118px;margin:12px;border-radius:18px;background:linear-gradient(135deg,#7c3aed61,#f472b661)}.social-thumb.vivid{background:linear-gradient(135deg,#39e8859e,#60a5fa94)}.social-phone span{display:block;width:74%;height:10px;margin:10px 14px;border-radius:var(--radius-full);background:#ffffffa8}.social-actions{display:flex;gap:8px;margin:14px}.social-actions i,.social-chip{border-radius:var(--radius-full);background:#ffffffc7}.social-actions i{width:22px;height:22px}.social-chip{position:absolute;right:4px;bottom:38px;padding:8px 14px;color:#0d1a109e;font-size:13px;font-weight:var(--fw-bold);box-shadow:0 12px 28px #5b54aa1f}.usecase-card:hover .phone-front{transform:rotate(5deg) translateY(-8px)}.usecase-card:hover .phone-back{transform:rotate(-8deg) translateY(6px)}.marketing-visual{right:36px;bottom:-24px;width:min(48%,270px);height:245px}.browser-card{position:absolute;right:0;bottom:0;width:240px;height:178px;border-radius:22px;background:#ffffff94;box-shadow:0 18px 48px #18696824;transform:rotate(-9deg);padding:16px}.browser-bar{display:flex;gap:6px;margin-bottom:12px}.browser-bar i{width:8px;height:8px;border-radius:50%;background:#10b98157}.hero-thumb{height:60px;border-radius:14px;background:linear-gradient(135deg,#06b6d459,#39e8855c);margin-bottom:14px}.line{display:block;height:10px;width:64%;border-radius:var(--radius-full);background:#ffffffc7;margin-top:9px}.line.wide{width:86%}.line.short{width:42%}.floating-banner{position:absolute;left:0;top:22px;width:168px;height:72px;border-radius:18px;background:#ffffff70;box-shadow:0 14px 32px #1869681f;transform:rotate(8deg)}.usecase-card:hover .browser-card{transform:rotate(-5deg) translateY(-8px)}.usecase-card:hover .floating-banner{transform:rotate(4deg) translateY(8px)}.commerce-visual{right:34px;bottom:-34px;width:min(50%,280px);height:255px}.product-stage{position:absolute;right:20px;bottom:14px;width:190px;height:190px;border-radius:50%;background:#fff3}.product-box,.product-bottle{position:absolute;bottom:50px;border-radius:16px;background:#ffffff85;box-shadow:0 18px 42px #b85f0f24}.product-box{left:34px;width:72px;height:92px;transform:rotate(-8deg)}.product-bottle{right:38px;width:48px;height:132px;border-radius:18px 18px 12px 12px}.product-shadow{position:absolute;left:42px;right:34px;bottom:42px;height:18px;border-radius:50%;background:#b85f0f24;filter:blur(10px)}.commerce-panel{position:absolute;left:0;top:42px;width:172px;padding:18px;border-radius:22px;background:#ffffff59;transform:rotate(10deg)}.commerce-panel span{display:block;height:12px;width:100%;border-radius:var(--radius-full);background:#ffffff94;margin-bottom:11px}.commerce-panel span.short{width:55%;margin-bottom:0}.usecase-card:hover .product-box{transform:rotate(-3deg) translateY(-8px)}.usecase-card:hover .product-bottle{transform:translateY(-12px)}.usecase-card:hover .commerce-panel{transform:rotate(6deg) translateY(8px)}.video-visual{right:38px;bottom:-26px;width:min(50%,280px);height:255px}.video-frame{position:absolute;right:8px;bottom:54px;width:210px;height:142px;border-radius:24px;background:linear-gradient(135deg,#ffffff75,#ffffff2e),linear-gradient(135deg,#3b82f638,#7c3aed29);box-shadow:0 18px 44px #2457aa26;transform:rotate(-7deg)}.play-mark{position:absolute;left:50%;top:50%;width:58px;height:58px;border-radius:50%;background:#ffffff94;transform:translate(-50%,-50%)}.play-mark:after{content:"";position:absolute;left:23px;top:18px;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:16px solid rgba(59,130,246,.58)}.timeline{position:absolute;left:4px;bottom:26px;display:flex;gap:8px;padding:10px;border-radius:18px;background:#ffffff59;transform:rotate(7deg)}.timeline i{width:48px;height:34px;border-radius:10px;background:#ffffff7a}.video-badge{position:absolute;right:20px;top:28px;padding:8px 14px;border-radius:var(--radius-full);background:#ffffff85;color:#0d1a1094;font-weight:var(--fw-bold);font-size:13px}.usecase-card:hover .video-frame{transform:rotate(-3deg) translateY(-9px)}.usecase-card:hover .timeline{transform:rotate(4deg) translateY(8px)}.pricing-section{background:#fff}.pricing-toggle-wrap{display:flex;align-items:center;justify-content:center;gap:12px;margin:24px 0 48px}.pricing-toggle-label{font-size:var(--fs-body-sm);color:var(--color-text-muted);font-weight:var(--fw-medium)}.pricing-toggle-label.active{color:var(--color-text-primary);font-weight:var(--fw-semibold)}.pricing-toggle-switch{width:44px;height:24px;border-radius:var(--radius-full);background:var(--color-green-vivid);position:relative;cursor:pointer;border:none;transition:background var(--dur-fast);flex-shrink:0}.pricing-toggle-switch:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;transition:left var(--dur-fast)}.pricing-toggle-switch.monthly:after{left:3px}.pricing-toggle-switch.yearly:after{left:23px}.pricing-badge{font-size:var(--fs-micro);font-weight:var(--fw-bold);color:var(--color-green-text);background:var(--color-green-bg-strong);border:1px solid var(--color-green-border);padding:2px 8px;border-radius:var(--radius-full)}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.pricing-card-land{background:var(--color-bg-card);border:1.5px solid var(--color-border-default);border-radius:var(--radius-card);padding:32px 28px;position:relative;display:flex;flex-direction:column;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base)}.pricing-card-land:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover-card)}.pricing-card-land.popular{border-color:var(--color-green-border-strong);background:#fff;box-shadow:0 0 0 1px var(--color-green-border-strong),var(--shadow-float)}.pricing-popular-badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:var(--color-green-vivid);color:#030b05;font-size:11px;font-weight:var(--fw-bold);padding:3px 16px;border-radius:var(--radius-full);white-space:nowrap}.pricing-plan-name{font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:var(--ls-label);margin-bottom:8px}.pricing-plan-sub{font-size:clamp(13px,1.05vw,16px);color:var(--color-text-muted);margin-bottom:20px;line-height:var(--lh-snug)}.pricing-price{font-size:clamp(32px,3.4vw,42px);font-weight:var(--fw-bold);letter-spacing:0;color:var(--color-text-primary);line-height:1;margin-bottom:4px}.pricing-price span{font-size:var(--fs-body-sm);font-weight:var(--fw-medium);color:var(--color-text-muted)}.pricing-period{font-size:var(--fs-caption);color:var(--color-text-faint);margin-bottom:28px}.pricing-features{list-style:none;padding:20px 0 0;margin:0 0 28px;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--color-border-faint);flex:1}.pricing-features li{display:flex;align-items:center;gap:10px;font-size:clamp(13px,1.05vw,16px);color:var(--color-text-body)}.pricing-features li .check{width:16px;height:16px;border-radius:50%;background:var(--color-green-bg-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px;color:var(--color-green-deep)}.pricing-card-btn{width:100%;height:42px;border-radius:var(--radius-md);font-size:var(--fs-body-sm);font-weight:var(--fw-bold);font-family:var(--font-sans);cursor:pointer;border:0;display:flex;align-items:center;justify-content:center;transition:all var(--dur-fast);text-decoration:none}.pricing-card-btn.ghost{background:var(--color-green-bg-soft);color:var(--color-green-text);border:1px solid var(--color-green-border)}.pricing-card-btn.ghost:hover{background:var(--color-green-bg-med)}.pricing-card-btn.solid{background:var(--color-green-vivid);color:#030b05;box-shadow:0 0 20px #39e88566}.pricing-card-btn.solid:hover{background:var(--color-green-bright);box-shadow:0 0 32px #39e8858c;transform:translateY(-1px)}.faq-list{max-width:720px;margin:48px auto 0;display:flex;flex-direction:column;gap:0}.faq-item{border-bottom:1px solid var(--color-border-default);overflow:hidden}.faq-item:first-child{border-top:1px solid var(--color-border-default)}.faq-question{width:100%;background:none;border:none;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;text-align:left;font-family:var(--font-sans);font-size:var(--fs-landing-body);font-weight:var(--fw-semibold);color:var(--color-text-primary);transition:color var(--dur-fast)}.faq-question:hover{color:var(--color-green-text)}.faq-icon{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--color-green-bg-soft);border:1px solid var(--color-green-border);display:flex;align-items:center;justify-content:center;transition:transform var(--dur-fast),background var(--dur-fast);color:var(--color-green-text);font-size:14px}.faq-item.open .faq-icon{transform:rotate(45deg);background:var(--color-green-bg-strong)}.faq-answer{overflow:hidden;max-height:0;transition:max-height .35s var(--ease-out)}.faq-item.open .faq-answer{max-height:240px}.faq-answer-inner{padding:0 0 20px;font-size:var(--fs-landing-card-desc);color:var(--color-text-muted);line-height:var(--lh-relaxed)}.mini-cta-section{padding:28px 0;background:#fff}.mini-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;border:1px solid var(--color-green-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-green-bg-med),rgba(255,255,255,.92))}.mini-cta-title{margin:0;font-size:var(--fs-landing-card-title);font-weight:var(--fw-bold);letter-spacing:0;color:var(--color-text-primary);line-height:var(--lh-snug)}.mini-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 20px;border-radius:var(--radius-full);background:var(--color-green-vivid);color:#030b05;font-size:var(--fs-body-sm);font-weight:var(--fw-bold);text-decoration:none;white-space:nowrap;box-shadow:0 10px 26px var(--color-green-glow-lg);transition:transform var(--dur-fast),background var(--dur-fast),box-shadow var(--dur-fast)}.mini-cta-btn:hover{background:var(--color-green-bright);color:#030b05;text-decoration:none;transform:translateY(-1px);box-shadow:0 14px 32px var(--color-green-border-strong)}.cta-banner{min-height:680px;background:radial-gradient(circle at 50% 88%,rgba(96,165,250,.55) 0%,rgba(96,165,250,.18) 24%,transparent 48%),radial-gradient(circle at 28% 18%,rgba(57,232,133,.35) 0%,transparent 34%),linear-gradient(150deg,#26d874,#35e885 38%,#7ae7d9);padding:clamp(96px,11vw,150px) 0 clamp(104px,12vw,170px);text-align:center;position:relative;overflow:hidden}.cta-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(circle at 50% 52%,rgba(0,0,0,.42),transparent 64%);mask-image:radial-gradient(circle at 50% 52%,rgba(0,0,0,.42),transparent 64%)}.cta-banner:after{content:"";position:absolute;left:50%;bottom:-18%;width:min(72vw,980px);height:min(36vw,420px);transform:translate(-50%);border-radius:50%;background:#ffffff38;filter:blur(72px)}.cta-banner-inner{position:relative;z-index:2}.cta-banner-title{font-size:clamp(78px,14vw,190px);font-weight:var(--fw-bold);letter-spacing:0;color:#fffffff5;margin:0;line-height:.86;text-shadow:0 18px 50px rgba(5,48,22,.14)}.cta-banner-sub{font-size:var(--fs-landing-body);color:#ffffffe0;font-weight:var(--fw-semibold);line-height:var(--lh-relaxed);margin:30px 0 36px}.cta-banner-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:56px;padding:0 30px;background:#ffffffe0;color:#0a1f0e;border:0;border-radius:var(--radius-full);font-size:17px;font-weight:var(--fw-bold);font-family:var(--font-sans);cursor:pointer;text-decoration:none;box-shadow:0 18px 44px #062d122e;transition:transform var(--dur-fast),background var(--dur-fast),box-shadow var(--dur-fast)}.cta-banner-btn:hover{background:#fff;box-shadow:0 22px 54px #062d123d;transform:translateY(-2px);text-decoration:none;color:#0a1f0e}.cta-floating-chip{position:absolute;z-index:3;top:42%;left:calc(50% - 170px);transform:rotate(-12deg);padding:10px 18px;border-radius:var(--radius-full);background:#07120a;color:#ffffffeb;font-size:var(--fs-body-sm);font-weight:var(--fw-bold);box-shadow:0 16px 34px #0000002e}.cta-floating-cube{position:absolute;z-index:3;top:34%;left:calc(50% + 84px);width:106px;height:106px;border-radius:26px;box-shadow:0 28px 52px #07120a3d;transform:rotate(17deg)}.cta-floating-cube img{display:block;width:100%;height:100%;border-radius:inherit}.landing-footer{position:relative;overflow:hidden;background:#0e071f;padding:78px 0 70px}.landing-footer-watermark{position:absolute;left:-18px;right:-18px;bottom:-78px;color:#ffffff0e;font-size:clamp(120px,22vw,340px);font-weight:var(--fw-bold);letter-spacing:0;line-height:.8;white-space:nowrap;pointer-events:none}.landing-footer-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr 1fr 1.15fr;gap:clamp(36px,6vw,86px);align-items:start}.landing-footer-info p{font-size:clamp(14px,1.15vw,17px);color:#ffffffad;line-height:var(--lh-relaxed);max-width:300px;margin:18px 0 28px}.landing-footer-logo{display:inline-flex;align-items:center;text-decoration:none}.landing-footer-logo img{height:30px;filter:brightness(0) invert(1);opacity:.9}.landing-footer-company{display:flex;flex-direction:column;gap:6px;margin-bottom:28px}.landing-footer-company strong{color:#ffffffeb;font-size:var(--fs-body-sm)}.landing-footer-company span{color:#ffffff6b;font-size:var(--fs-caption)}.landing-footer-copy{display:block;font-size:var(--fs-body-sm);color:#ffffff7a}.landing-footer-contact{display:flex;flex-direction:column;gap:34px;padding-top:6px}.landing-footer-contact>div{display:flex;flex-direction:column;gap:12px}.landing-footer-label{font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:var(--ls-label);text-transform:uppercase;color:#ffffff6b}.landing-footer-contact a,.landing-footer-links a{color:#ffffffb8;font-size:clamp(14px,1.1vw,17px);text-decoration:none;transition:color var(--dur-fast)}.landing-footer-contact a:hover,.landing-footer-links a:hover{color:#fff;text-decoration:none}.landing-footer-links{display:flex;flex-wrap:wrap;gap:8px 14px}.landing-footer-links a+a:before{content:"";display:inline-block;width:1px;height:12px;margin-right:14px;background:#fff3}.footer-preview-card{position:relative;min-height:250px;overflow:hidden;border-radius:28px;padding:32px;background:linear-gradient(135deg,#38e886,#91d7ff);box-shadow:0 28px 70px #0000003d}.footer-preview-card:before{content:"";position:absolute;right:-54px;top:-52px;width:190px;height:190px;border-radius:50%;background:#ffffff38}.footer-preview-copy{position:relative;z-index:2;display:flex;flex-direction:column;color:#07120a;margin-bottom:28px}.footer-preview-copy span,.footer-preview-copy strong{font-size:clamp(20px,2vw,28px);line-height:1.25;letter-spacing:0}.footer-preview-copy span{font-weight:var(--fw-semibold)}.footer-preview-copy strong{font-weight:var(--fw-bold)}.footer-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:18px}.footer-preview-result{min-height:64px;border-radius:12px;padding:8px;color:#ffffffe6;font-size:10px;font-weight:var(--fw-bold);display:flex;align-items:flex-end;background:#ffffff52}.footer-preview-result.result-1{background:linear-gradient(135deg,#7c3aed,#60a5fa)}.footer-preview-result.result-2{background:linear-gradient(135deg,#059669,#34d399)}.footer-preview-result.result-3{background:linear-gradient(135deg,#f472b6,#f59e0b)}.footer-preview-result.result-4{background:linear-gradient(135deg,#f59e0b,#ef4444)}.footer-preview-btn{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border-radius:var(--radius-full);background:#07120a;color:#ffffffeb;font-size:var(--fs-body-sm);font-weight:var(--fw-bold);text-decoration:none}.footer-preview-btn:hover{color:#fff;text-decoration:none}@media(max-width:1024px){.usecases-grid{grid-template-columns:repeat(2,1fr)}.pricing-cards{grid-template-columns:1fr;max-width:420px;margin:0 auto}.landing-footer-inner{grid-template-columns:1fr 1fr;gap:40px}.footer-preview-card{grid-column:span 2}.features-bento{grid-template-columns:1fr}.feature-card.full-width{grid-column:1}.feature-card-split{grid-template-columns:1fr;min-height:unset}.feature-card-split .feature-card-text{padding:32px 32px 24px}.feature-video-mockup{border-radius:0 0 20px 20px!important}}@media(max-width:768px){.landing-nav,.landing-header-actions{display:none}.landing-hamburger{display:flex}.hero-section{min-height:unset;padding-top:80px;padding-bottom:36px}.hero-inner{grid-template-columns:1fr;gap:24px}.hero-text{text-align:center}.hero-desc{margin:0 auto 24px}.hero-cta-wrap{justify-content:center}.feature-split{grid-template-columns:1fr}.feature-split.reverse{direction:ltr}.stats-grid{grid-template-columns:repeat(2,1fr)}.product-mockup-wrap{border-radius:var(--radius-lg)}.mockup-body{padding:14px}.mockup-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:10px;margin-bottom:12px;padding-bottom:4px}.mockup-grid::-webkit-scrollbar{display:none}.mockup-col-wrap{flex:0 0 72vw;max-width:260px;scroll-snap-align:start}.mockup-model-tabs{overflow-x:auto;flex-wrap:nowrap}.preset-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.preset-cards::-webkit-scrollbar{display:none}.preset-card{flex:0 0 56vw;max-width:220px;scroll-snap-align:start}.library-mosaic{grid-template-rows:repeat(3,70px)}.usecases-grid{gap:14px}.usecase-card{min-height:330px;padding:34px 28px;border-radius:22px}.usecase-visual{opacity:.92}.mini-cta-inner{flex-direction:column;align-items:stretch;text-align:center;padding:22px 20px}.mini-cta-btn{width:100%}.cta-banner{min-height:560px;padding:88px 0 104px}.cta-banner-sub{max-width:320px;margin-left:auto;margin-right:auto}.cta-floating-chip{top:39%;left:50%;transform:translate(-118px) rotate(-10deg)}.cta-floating-cube{top:31%;left:50%;z-index:1;width:82px;height:82px;border-radius:22px;opacity:.9;transform:translate(46px) rotate(15deg)}.landing-footer{padding:58px 0 64px}.landing-footer-inner{grid-template-columns:1fr;gap:32px}.footer-preview-card{grid-column:auto}.landing-footer-info p{max-width:100%}}@media(max-width:540px){.hero-cta-wrap{flex-direction:column;align-items:stretch}.hero-cta-btn,.hero-cta-secondary{justify-content:center}.usecases-grid{grid-template-columns:1fr}.usecase-card{min-height:320px;padding:32px 26px}.usecase-desc{max-width:280px}.social-visual,.marketing-visual,.commerce-visual,.video-visual{width:230px;right:12px;bottom:-34px}.stats-grid{grid-template-columns:1fr 1fr}.preset-card{flex:0 0 72vw;max-width:240px}.library-mosaic{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.lib-swatch.span2{grid-column:span 1}.lib-swatch.tall{grid-row:span 1}.cta-banner-title{font-size:clamp(68px,23vw,96px)}.cta-floating-cube{display:none}.cta-banner-btn{width:100%;max-width:260px}.landing-footer-links{flex-direction:column}.landing-footer-links a+a:before{display:none}.footer-preview-card{padding:26px}.footer-preview-grid{grid-template-columns:1fr}}