@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@100..900&display=swap";:root{font-family:Plus Jakarta Sans,Noto Sans KR,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background-color: #f8f6f6;--text-color: #2a1a1f;--primary-color: #ee2b6c;--primary-hover-color: #d81f5e;--card-background-color: #ffffff;--border-color: #efe7ea;--button-background-color: #ee2b6c;--button-text-color: #ffffff;--button-hover-background-color: #a600c5}[data-theme=dark]{--background-color: #221016;--text-color: #f5e9ee;--primary-color: #ff5b8c;--primary-hover-color: #ff3f7b;--card-background-color: #2c151d;--border-color: #3b2029;--button-background-color: #ff5b8c;--button-text-color: #221016;--button-hover-background-color: #ff3f7b}a{font-weight:500;color:var(--primary-color);text-decoration:none}a:hover{color:var(--primary-hover-color)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;overflow-x:hidden}button{font-family:inherit}.global-controls{position:fixed;top:12px;right:12px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;z-index:1000;max-width:calc(100vw - 24px)}.language-switcher{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--border-color);border-radius:999px;background-color:var(--card-background-color)}.language-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-color)}.language-select{border:none;background:transparent;color:var(--text-color);font:inherit;font-size:.85rem;padding:2px 6px;outline:none}.language-select:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:6px}.theme-toggle-button{padding:8px 12px;border:1px solid var(--border-color);border-radius:999px;background-color:var(--button-background-color);color:var(--button-text-color);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.theme-toggle-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.theme-toggle-button:hover{background-color:var(--button-hover-background-color)}@media(max-width:520px){.global-controls{top:8px;right:8px;gap:6px}.language-label{display:none}}.profile-input-container{max-width:550px;margin:40px auto;padding:35px;border-radius:20px;box-shadow:0 15px 40px var(--shadow-color);background:var(--card-background-color);font-family:var(--k-font-display);color:var(--text-color);transition:background .3s ease,color .3s ease,box-shadow .3s ease}.profile-input-container h2{text-align:center;color:var(--text-color);margin-bottom:35px;font-weight:700;font-size:2.2rem;transition:color .3s ease}.form-group{margin-bottom:30px}.form-group label{display:block;color:var(--text-color-light);margin-bottom:12px;font-size:1.15rem;font-weight:500;transition:color .3s ease}:root{--text-color-light: #555555}[data-theme=dark]{--text-color-light: #bbbbbb}.photo-preview{margin-top:10px;text-align:center}.photo-preview img{max-width:220px;max-height:220px;border-radius:15px;border:2px solid var(--border-color);cursor:pointer;box-shadow:0 5px 15px var(--shadow-color);transition:border-color .3s ease,box-shadow .3s ease}.dropzone-style{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;border-width:2px;border-radius:15px;border-style:dashed;border-color:var(--dropzone-border-color);background-color:var(--dropzone-background-color);color:var(--text-color-light);outline:none;transition:all .24s ease-in-out;cursor:pointer;text-align:center;min-height:150px}:root{--dropzone-border-color: var(--border-color);--dropzone-background-color: var(--background-color);--dropzone-active-background-color: var(--hover-color);--dropzone-active-border-color: var(--primary-color)}[data-theme=dark]{--dropzone-active-background-color: rgba(187, 134, 252, .1);--dropzone-active-border-color: var(--primary-color)}.dropzone-style.is-drag-active{border-color:var(--dropzone-active-border-color);background-color:var(--dropzone-active-background-color)}.dropzone-style p{margin:0;font-size:1.1rem}.dropzone-icon{margin-bottom:10px}.gender-options{display:flex;gap:25px;justify-content:center}.gender-options label{display:flex;align-items:center;cursor:pointer;font-size:1.05rem;color:var(--text-color);margin-bottom:0}.gender-options input[type=radio]{margin-right:10px;accent-color:var(--primary-color)}.profile-input-field{width:100%;padding:14px;border:1px solid var(--border-color);border-radius:10px;font-size:1rem;box-sizing:border-box;background-color:var(--background-color);color:var(--text-color);transition:border-color .2s,box-shadow .2s,background-color .2s,color .2s}.profile-input-field::placeholder{color:var(--text-color-light);opacity:.7}.profile-input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-soft);outline:none}.submit-button{width:100%;padding:15px;border:none;border-radius:10px;background:var(--button-gradient);color:var(--card-background-color);font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px var(--button-shadow-color);outline:none}:root{--button-gradient: linear-gradient(45deg, #E8B3A2 30%, #F0C2AA 90%);--button-shadow-color: rgba(232, 179, 162, .2);--hover-color: #F9DED7}[data-theme=dark]{--button-gradient: linear-gradient(45deg, var(--primary-color) 30%, var(--primary-hover-color) 90%);--button-shadow-color: rgba(187, 134, 252, .3);--hover-color: rgba(187, 134, 252, .1)}.submit-button:disabled{background:var(--button-disabled-background);color:var(--button-disabled-color);cursor:not-allowed;box-shadow:none}.error-message{color:red;text-align:center;margin-bottom:15px}.results-page-container{max-width:700px;margin:40px auto;padding:35px;border-radius:20px;box-shadow:0 15px 40px var(--shadow-color);background:var(--card-background-color);font-family:var(--k-font-display);color:var(--text-color);transition:background .3s ease,color .3s ease,box-shadow .3s ease}.results-page-container.error-state{text-align:center}.results-page-container h2{text-align:center;color:var(--primary-color);margin-bottom:35px;font-weight:700;font-size:2.2rem;transition:color .3s ease}.error-message{color:var(--primary-color)}.error-page-text{color:var(--text-color)}.loading-text,.error-text{text-align:center;font-size:1.2rem;color:var(--text-color-light);transition:color .3s ease}.user-info-section{display:flex;align-items:center;margin-bottom:30px;border-bottom:1px solid var(--border-color);padding-bottom:20px;transition:border-color .3s ease}.user-photo-preview{max-width:150px;max-height:150px;border-radius:10px;border:2px solid var(--border-color);margin-right:20px;transition:border-color .3s ease}.user-details p{margin:5px 0;color:var(--text-color)}.user-details strong{color:var(--text-color)}.report-content{line-height:1.8;white-space:pre-wrap;color:var(--text-color)}.report-content p{margin-bottom:1em}.report-loading-text{text-align:center;color:var(--text-color-light)}.result-visual-section{margin-top:24px;margin-bottom:28px;padding:18px;border-radius:18px;background:radial-gradient(circle at 20% 0%,rgba(255,124,192,.18),transparent 42%),radial-gradient(circle at 85% 15%,rgba(255,168,214,.2),transparent 40%),var(--card-background-color);border:1px solid var(--border-color);animation:resultFadeIn .45s ease both}.compare-card{display:flex;flex-direction:column;gap:16px}.before-after-stage{position:relative;width:100%;aspect-ratio:4 / 5;border-radius:16px;overflow:hidden;background:color-mix(in srgb,var(--card-background-color) 84%,#ffffff 16%);box-shadow:0 18px 40px #14141c24;touch-action:none;cursor:ew-resize}.comparison-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:color-mix(in srgb,var(--card-background-color) 88%,#ffffff 12%)}.comparison-before-mask{position:absolute;top:0;left:0;height:100%;overflow:hidden;border-right:1px solid rgba(255,255,255,.7)}.comparison-before-mask .comparison-image-before{width:100%}.compare-divider{position:absolute;top:0;bottom:0;width:0;transform:translate(-50%);border-left:2px solid rgba(255,255,255,.9);pointer-events:none}.compare-handle{position:absolute;top:50%;left:50%;width:34px;height:34px;transform:translate(-50%,-50%);border-radius:50%;background:var(--card-background-color);border:2px solid var(--primary-color);box-shadow:0 8px 18px #0000003d}.compare-handle:before{content:"↔";position:absolute;inset:0;display:grid;place-items:center;color:var(--primary-color);font-weight:700;font-size:.95rem}.style-thumbnails-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.style-thumb{border:1px solid var(--border-color);background:var(--card-background-color);border-radius:12px;overflow:hidden;cursor:pointer;padding:0;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.style-thumb:hover{transform:scale(1.05)}.style-thumb.active{border-color:#ff5fab;box-shadow:0 0 0 2px #ff5fab33}.style-thumb img{width:100%;height:80px;object-fit:contain;display:block;background:color-mix(in srgb,var(--card-background-color) 90%,#ffffff 10%)}.style-thumb span{display:block;padding:8px 10px;font-size:.82rem;font-weight:700;color:var(--text-color)}.fade-switch{animation:imageFade .35s ease}.tone-pink{filter:saturate(1.1) contrast(1.03)}.tone-glow{filter:brightness(1.08) saturate(1.02)}.tone-idol{filter:contrast(1.08) saturate(1.15)}.recommended-items-section{margin-top:28px;border-top:1px solid var(--border-color);padding-top:20px}.recommended-items-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.recommended-items-header h3{margin:0;font-size:1.25rem;color:var(--text-color)}.view-all-button{border:none;background:none;color:var(--primary-color);font-size:.98rem;font-weight:700;cursor:pointer;padding:0}.recommended-items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.recommended-item-card{background:var(--card-background-color);border:1px solid var(--border-color);border-radius:12px;padding:12px}.item-name{margin:0;font-size:.95rem;font-weight:700}.item-price{margin:8px 0 0;font-size:.9rem;color:var(--text-color-light)}.recommended-items-panel{margin-top:14px;border:1px solid var(--border-color);border-radius:14px;background:color-mix(in srgb,var(--card-background-color) 92%,#ffffff 8%);max-height:0;opacity:0;overflow:hidden;transform:translateY(16px);transition:max-height .35s ease,opacity .35s ease,transform .35s ease}.recommended-items-panel.open{max-height:720px;opacity:1;transform:translateY(0)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 8px}.panel-header h4{margin:0;font-size:1rem}.panel-close-button{border:1px solid var(--border-color);background:var(--card-background-color);color:var(--text-color);border-radius:8px;padding:6px 10px;cursor:pointer;font-weight:600}.all-items-grid{padding:0 14px 14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.back-button{margin-top:30px;width:100%;padding:15px;border:none;border-radius:10px;background:var(--button-gradient);color:var(--button-text-color);font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px var(--button-shadow-color);outline:none}.back-button:hover{filter:brightness(1.1)}@keyframes imageFade{0%{opacity:0}to{opacity:1}}@keyframes resultFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.results-page-container{padding:24px 18px}.result-visual-section{padding:12px}.style-thumb img{height:72px}.recommended-items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--k-primary: var(--primary-color);--k-primary-soft: rgba(var(--primary-color-rgb), .12);--k-bg: var(--background-color);--k-ink: var(--text-color);--k-muted: var(--text-color-muted);--k-card: var(--card-background-color);--k-shadow: var(--shadow-color);--k-font-display: "Plus Jakarta Sans", "Noto Sans KR", sans-serif}:root{--primary-color-rgb: 238, 43, 108;--text-color-muted: #7a4b5a;--shadow-color: rgba(44, 17, 27, .12)}[data-theme=dark]{--primary-color-rgb: 255, 91, 140;--text-color-muted: rgba(255, 174, 200, .7);--shadow-color: rgba(0, 0, 0, .35)}.kbeauty-app{min-height:100vh;background:var(--k-bg);color:var(--k-ink);font-family:var(--k-font-display);transition:background .3s ease,color .3s ease}.top-app-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--background-color-transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color-soft);transition:background .3s ease,border-color .3s ease}:root{--background-color-transparent: rgba(248, 246, 246, .88);--border-color-soft: rgba(44, 17, 27, .08)}[data-theme=dark]{--background-color-transparent: rgba(34, 16, 22, .9);--border-color-soft: rgba(255, 230, 240, .08)}.app-title{font-size:1rem;letter-spacing:.2em;text-transform:uppercase;margin:0;font-weight:700;text-align:center;flex:1}.icon-button,.text-button{background:none;border:none;color:inherit;font:inherit;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.icon-button{width:40px;height:40px;border-radius:999px;justify-content:center;color:var(--k-ink);transition:background .2s ease}.icon-button:hover{background:var(--button-hover-background-soft)}:root{--button-hover-background-soft: rgba(44, 17, 27, .08)}[data-theme=dark]{--button-hover-background-soft: rgba(255, 230, 240, .08)}.text-button{font-weight:700;color:var(--k-primary)}.hero-section{padding:24px 20px 0}.hero-card{min-height:560px;border-radius:28px;padding:40px 28px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;background-image:linear-gradient(#0003,#0009),url(https://lh3.googleusercontent.com/aida-public/AB6AXuBKW9AwKWt9o0iQNw6YklelWH8e5gyGQT_Drqmf0vhsLKVyPgDcWtVpkl_pf-xuqtcC4m6zqgIDUPAUyrPn33YQ_X-ygT7xsCsotCT465aEQeospFJ49_jPEtQNsh0tdLCDEJ4xkH-M66XUSA5U7FMe0ugf_kAUF2TElB47TkFBh50RBwTvzFXj6E59XSuFUvFaxmob_jZOOQi-FERJqM3L7aER_Ij0BcYlHD2B3knnZXoAwI5V_6DJhFztS2hLVxyRL2z6jOiAI5E);background-size:cover;background-position:center;box-shadow:0 20px 40px var(--k-shadow-hero)}:root{--k-shadow-hero: rgba(0, 0, 0, .28)}[data-theme=dark]{--k-shadow-hero: rgba(0, 0, 0, .4)}.hero-tag{text-transform:uppercase;letter-spacing:.3em;font-size:.7rem;font-weight:700;color:#fffc}.hero-title{font-size:clamp(2.6rem,6vw,4rem);margin:16px 0 12px;font-weight:800}.hero-title span{color:var(--k-primary)}.hero-subtitle{max-width:360px;font-size:.95rem;line-height:1.6;color:#ffffffe6}.primary-cta{margin-top:20px;padding:14px 36px;border-radius:999px;background:var(--k-primary);color:var(--button-text-color);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 16px 30px var(--k-primary-shadow-cta);transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}:root{--k-primary-shadow-cta: rgba(238, 43, 108, .35)}[data-theme=dark]{--k-primary-shadow-cta: rgba(255, 91, 140, .45)}.primary-cta:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 36px var(--k-primary-shadow-cta-hover)}:root{--k-primary-shadow-cta-hover: rgba(238, 43, 108, .45)}[data-theme=dark]{--k-primary-shadow-cta-hover: rgba(255, 91, 140, .55)}.primary-cta.is-disabled{background:var(--button-disabled-background);color:var(--button-disabled-color);box-shadow:none}:root{--button-disabled-background: rgba(44, 17, 27, .15);--button-disabled-color: rgba(44, 17, 27, .4)}[data-theme=dark]{--button-disabled-background: rgba(255, 230, 240, .15);--button-disabled-color: rgba(255, 230, 240, .4)}.how-it-works{padding:32px 20px 12px}.section-header{display:flex;flex-direction:column;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.3em;font-size:.7rem;color:var(--k-primary);font-weight:700}.section-accent{width:48px;height:4px;border-radius:999px;background:var(--primary-color-soft)}:root{--primary-color-soft: rgba(238, 43, 108, .2)}[data-theme=dark]{--primary-color-soft: rgba(255, 91, 140, .2)}.timeline{margin:28px auto 0;max-width:520px;display:flex;flex-direction:column;gap:22px}.timeline-step{display:flex;gap:16px;align-items:flex-start}.timeline-step:before{content:"";width:2px;height:100%;background:var(--primary-color-soft);margin-right:-26px;position:relative;left:24px;top:42px}.timeline-icon{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:var(--k-primary-soft);color:var(--k-primary)}.timeline-icon.is-active{background:var(--k-primary);color:#fff}.timeline-content h3{margin:0 0 6px;font-size:1.1rem}.timeline-content p{margin:0;color:var(--k-muted);font-size:.95rem}.features{margin-top:24px;padding:48px 20px 60px;background:var(--feature-background);border-top-left-radius:32px;border-top-right-radius:32px;transition:background .3s ease}:root{--feature-background: rgba(238, 43, 108, .06)}[data-theme=dark]{--feature-background: rgba(255, 91, 140, .12)}.features-header{text-align:center;max-width:520px;margin:0 auto 32px}.features-header h2{margin:0 0 10px;font-size:2rem}.features-header p{margin:0;color:var(--k-muted)}.feature-grid{display:grid;gap:16px;max-width:640px;margin:0 auto}.feature-card{display:flex;gap:16px;align-items:center;background:var(--k-card);border-radius:18px;padding:18px;box-shadow:0 10px 25px var(--k-shadow);border:1px solid var(--border-color-feature-card);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}:root{--border-color-feature-card: rgba(238, 43, 108, .12)}[data-theme=dark]{--border-color-feature-card: rgba(255, 91, 140, .18)}.feature-icon{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:var(--k-primary-soft);color:var(--k-primary)}.feature-card h3{margin:0 0 4px;font-size:1.05rem}.feature-card p{margin:0;color:var(--k-muted);font-size:.9rem}.cta-section{padding:50px 20px 70px;text-align:center}.cta-section h2{margin:0 0 10px;font-size:1.8rem}.cta-section p{margin:0 auto 20px;max-width:360px;color:var(--k-muted)}.cta-icons{margin-top:20px;display:flex;justify-content:center;gap:16px;color:var(--icon-color-cta)}:root{--icon-color-cta: rgba(44, 17, 27, .5)}[data-theme=dark]{--icon-color-cta: rgba(255, 230, 240, .5)}.copyright{margin-top:14px;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--copyright-color)}:root{--copyright-color: rgba(122, 75, 90, .4)}[data-theme=dark]{--copyright-color: rgba(255, 174, 200, .3)}.landing-page{position:relative;overflow:hidden}.landing-page:before,.landing-page:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(238,43,108,.18),transparent 70%);z-index:0;pointer-events:none}.landing-page:before{top:-180px;right:-220px}.landing-page:after{bottom:120px;left:-240px;background:radial-gradient(circle,rgba(238,43,108,.12),transparent 70%)}.kb-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:var(--background-color-transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color-soft)}.kb-brand{display:flex;align-items:center;gap:10px}.kb-brand-mark{width:12px;height:12px;border-radius:999px;background:var(--k-primary);box-shadow:0 0 0 6px #ee2b6c29}.kb-logo{font-size:1.2rem;font-weight:800;letter-spacing:-.02em;margin:0;color:var(--k-primary)}.kb-nav-actions,.kb-nav-controls{display:flex;align-items:center;gap:10px}.kb-nav .language-switcher{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgba(238,43,108,.18);background:#fffc;box-shadow:0 10px 18px #1d0a1114}.kb-nav .language-label{display:none}.kb-nav .language-select{border:none;background:transparent;color:var(--k-ink);font-size:.85rem;font-weight:700;letter-spacing:.02em;padding-right:18px;appearance:none;cursor:pointer}.kb-nav .language-switcher{position:relative}.kb-nav .language-switcher:after{content:"";position:absolute;right:10px;top:50%;width:6px;height:6px;border-right:2px solid rgba(238,43,108,.7);border-bottom:2px solid rgba(238,43,108,.7);transform:translateY(-50%) rotate(45deg);pointer-events:none}.kb-theme-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid rgba(238,43,108,.18);background:#ffffffd9;color:var(--k-ink);font-weight:700;cursor:pointer;box-shadow:0 10px 18px #1d0a1114;transition:transform .2s ease,box-shadow .2s ease}.kb-theme-toggle:hover{transform:translateY(-1px);box-shadow:0 14px 22px #1d0a111f}.kb-theme-toggle .material-symbols-outlined{font-size:1rem;color:var(--k-primary)}.kb-theme-label{font-size:.85rem}.kb-icon-button{width:40px;height:40px;border-radius:999px;border:1px solid rgba(238,43,108,.12);background:transparent;color:var(--k-ink);display:grid;place-items:center;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.kb-icon-button:hover{background:#ee2b6c1a;border-color:#ee2b6c33;color:var(--k-primary)}.kb-main{position:relative;z-index:1;display:flex;flex-direction:column;gap:48px;padding:26px 20px 64px}.kb-hero{display:grid;gap:28px;align-items:center;animation:kb-fade-up .7s ease both}.kb-hero-media{position:relative;aspect-ratio:4 / 5;border-radius:20px;overflow:hidden;box-shadow:0 24px 40px #1d0a1140}.kb-hero-compare{--split: 50%;background:#0f0f12;touch-action:none}.kb-hero-image{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s ease}.kb-hero-compare:hover .kb-hero-image{transform:scale(1.02)}.kb-hero-before{background-image:var(--before-image)}.kb-hero-after{background-image:var(--after-image);clip-path:polygon(var(--split) 0,100% 0,100% 100%,var(--split) 100%)}.kb-hero-divider{position:absolute;left:var(--split);top:0;height:100%;width:2px;background:#fff9;transform:translate(-1px);z-index:2}.kb-hero-handle{position:absolute;top:50%;left:50%;width:42px;height:42px;border-radius:999px;border:2px solid rgba(255,255,255,.9);background:#00000059;transform:translate(-50%,-50%);box-shadow:0 10px 20px #00000059;transition:transform .2s ease,box-shadow .2s ease}.kb-hero-compare.is-dragging .kb-hero-handle{transform:translate(-50%,-50%) scale(1.03);box-shadow:0 14px 26px #0006}.kb-hero-handle:before,.kb-hero-handle:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-top:2px solid rgba(255,255,255,.95);border-right:2px solid rgba(255,255,255,.95)}.kb-hero-handle:before{left:10px;transform:translateY(-50%) rotate(-135deg)}.kb-hero-handle:after{right:10px;transform:translateY(-50%) rotate(45deg)}.kb-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0000001f,#0009)}.kb-hero-label{position:absolute;top:16px;z-index:2;padding:6px 12px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffffeb;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.kb-hero-label-before{left:16px}.kb-hero-label-after{right:16px}.kb-hero-tag{position:absolute;left:16px;bottom:16px;background:var(--k-primary);color:#fff;padding:6px 14px;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;z-index:1}.kb-hero-copy{display:flex;flex-direction:column;gap:16px}.kb-hero-title{margin:0;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;line-height:1.05;color:var(--k-ink)}.kb-hero-title span{color:var(--k-primary)}.kb-hero-subtitle{margin:0;font-size:1rem;line-height:1.6;color:var(--k-muted)}.kb-button{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;padding:14px 28px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.kb-button.primary{background:var(--k-primary);color:#fff;box-shadow:0 16px 28px #ee2b6c52}.kb-button.primary:hover{transform:translateY(-2px);box-shadow:0 20px 32px #ee2b6c61}.kb-button.secondary{background:#fff;color:var(--k-primary);border:1px solid rgba(238,43,108,.2);box-shadow:0 12px 24px #1d0a1114}.kb-button.secondary:hover{transform:translateY(-2px)}.kb-process{display:flex;flex-direction:column;gap:24px;animation:kb-fade-up .7s ease both;animation-delay:.05s}.kb-section-header{text-align:center;display:flex;flex-direction:column;gap:8px}.kb-section-label{font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:#ee2b6cb3;font-weight:700}.kb-section-header h3{margin:0;font-size:clamp(1.5rem,3vw,2.2rem)}.kb-steps{display:grid;gap:20px}.kb-step{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:flex-start;position:relative}.kb-step:not(:last-child):after{content:"";position:absolute;left:22px;top:48px;height:calc(100% - 24px);width:2px;background:#ee2b6c2e}.kb-step-icon{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:#ee2b6c1f;color:var(--k-primary);font-size:1.2rem;z-index:1}.kb-step-icon.is-active{background:var(--k-primary);color:#fff;box-shadow:0 10px 20px #ee2b6c40}.kb-step-body h4{margin:0 0 6px;font-size:1.1rem}.kb-step-body p{margin:0;color:var(--k-muted);line-height:1.5;font-size:.95rem}.kb-social-proof{background:#ee2b6c0f;border-radius:24px;padding:36px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;animation:kb-fade-up .7s ease both;animation-delay:.1s}.kb-avatars{display:flex;align-items:center;justify-content:center}.kb-avatar{width:42px;height:42px;border-radius:999px;border:2px solid #fff;background-size:cover;background-position:center;margin-left:-12px;box-shadow:0 8px 18px #1d0a1133}.kb-avatar:first-child{margin-left:0}.kb-avatar-count{background:var(--k-primary);color:#fff;font-weight:700;font-size:.75rem;display:grid;place-items:center}.kb-social-proof h3{margin:0;font-size:1.3rem}.kb-footer{display:grid;gap:20px;padding:20px 4px 0;color:#2a1a1f99;font-size:.9rem;animation:kb-fade-up .7s ease both;animation-delay:.15s}.kb-footer-brand h4{margin:0 0 6px;font-size:1.1rem;font-weight:800;text-transform:uppercase;color:#2a1a1f80}.kb-footer-brand p{margin:0;font-size:.8rem}.kb-footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kb-footer-links a{color:inherit;text-decoration:none;font-weight:600;transition:color .2s ease}.kb-footer-links a:hover{color:var(--k-primary)}.kb-footer-icons{display:flex;gap:12px}.kb-footer-icons span{width:34px;height:34px;border-radius:999px;background:#2a1a1f0f;display:grid;place-items:center;color:#2a1a1f99}[data-theme=dark] .kb-icon-button{border-color:#ff5b8c40}[data-theme=dark] .kb-nav .language-switcher,[data-theme=dark] .kb-theme-toggle{background:#2c151dd9;border-color:#ff5b8c59;box-shadow:0 10px 18px #00000040}[data-theme=dark] .kb-nav .language-select{color:#f5e9eee6}[data-theme=dark] .kb-nav .language-switcher:after{border-right-color:#ffaec8cc;border-bottom-color:#ffaec8cc}[data-theme=dark] .kb-theme-toggle{color:#f5e9eee6}[data-theme=dark] .kb-theme-toggle .material-symbols-outlined{color:#ff8fb0}[data-theme=dark] .kb-button.secondary{background:#2c151d;color:#ff8fb0;border-color:#ff5b8c4d}[data-theme=dark] .kb-social-proof{background:#ff5b8c29}[data-theme=dark] .kb-avatar{border-color:#2c151d}[data-theme=dark] .kb-footer{color:#f5e9ee99}[data-theme=dark] .kb-footer-brand h4{color:#f5e9ee80}[data-theme=dark] .kb-footer-icons span{background:#ffe6f014;color:#f5e9eeb3}@keyframes kb-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:860px){.kb-main{max-width:1100px;margin:0 auto;padding:40px 24px 80px}.kb-hero{grid-template-columns:.95fr 1.05fr}.kb-hero-copy{padding-right:20px}.kb-steps{max-width:720px;margin:0 auto}.kb-footer{grid-template-columns:1.2fr 1.6fr .8fr;align-items:start}.kb-footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.kb-hero,.kb-process,.kb-social-proof,.kb-footer{animation:none}}.upload-page{display:flex;flex-direction:column;min-height:100vh}.upload-scroll{flex:1;overflow-y:auto;padding-bottom:140px}.app-spacer{width:40px}.progress-block{padding:24px 20px 10px}.progress-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.progress-title{margin:0;font-weight:700}.progress-subtitle{margin:8px 0 0;font-size:.75rem;color:var(--progress-subtitle-color)}:root{--progress-subtitle-color: rgba(238, 43, 108, .7)}[data-theme=dark]{--progress-subtitle-color: rgba(255, 174, 200, .7)}.progress-step{font-size:.75rem;font-weight:700;color:var(--k-primary);letter-spacing:.2em;text-transform:uppercase}.progress-bar{margin-top:12px;height:8px;border-radius:999px;background:var(--progress-bar-background);overflow:hidden}:root{--progress-bar-background: rgba(238, 43, 108, .2)}[data-theme=dark]{--progress-bar-background: rgba(255, 91, 140, .2)}.progress-bar span{display:block;height:100%;border-radius:inherit;background:var(--k-primary)}.upload-hero{padding:6px 20px 0;text-align:center}.upload-hero h2{margin:0 0 8px;font-size:1.8rem}.upload-hero p{margin:0 auto;max-width:320px;color:var(--upload-hero-text-color);font-size:.9rem}:root{--upload-hero-text-color: rgba(25, 13, 27, .6)}[data-theme=dark]{--upload-hero-text-color: rgba(224, 224, 224, .6)}.upload-section{padding:20px;display:flex;flex-direction:column;gap:24px}.upload-card{display:flex;flex-direction:column;gap:12px}.upload-card-header{display:flex;align-items:center;justify-content:space-between;padding:0 6px}.upload-card-header h3{margin:0;font-size:1rem}.upload-drop{border-radius:20px;border:2px dashed var(--upload-drop-border-color);background:var(--upload-drop-background);padding:28px 18px;text-align:center;position:relative;overflow:hidden;aspect-ratio:4 / 2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer}:root{--upload-drop-border-color: rgba(200, 19, 236, .3);--upload-drop-background: rgba(252, 228, 236, .4)}[data-theme=dark]{--upload-drop-border-color: rgba(187, 134, 252, .4);--upload-drop-background: rgba(60, 60, 70, .4)}.upload-input{display:none}.upload-drop>*{position:relative;z-index:1}.upload-preview{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;object-position:center;background:#fff;z-index:0}.upload-drop p{margin:0;font-weight:700}.upload-drop span{margin:0;font-weight:700;color:var(--upload-drop-text-color)}:root{--upload-drop-text-color: rgba(25, 13, 27, .45)}[data-theme=dark]{--upload-drop-text-color: rgba(224, 224, 224, .55)}.upload-icon{width:64px;height:64px;border-radius:999px;display:grid;place-items:center;background:var(--upload-icon-background);box-shadow:0 10px 20px var(--upload-icon-shadow);margin-bottom:4px}:root{--upload-icon-background: rgba(255, 255, 255, .9);--upload-icon-shadow: rgba(25, 13, 27, .08)}[data-theme=dark]{--upload-icon-background: rgba(80, 80, 90, .9);--upload-icon-shadow: rgba(0, 0, 0, .2)}.upload-icon .material-symbols-outlined{font-size:2rem;color:var(--k-primary)}.upload-watermark{position:absolute;inset:0;display:grid;place-items:center;font-size:8rem;color:var(--upload-watermark-color);pointer-events:none}:root{--upload-watermark-color: rgba(25, 13, 27, .08)}[data-theme=dark]{--upload-watermark-color: rgba(224, 224, 224, .1)}.tips-card{border-radius:18px;background:var(--k-card);border:1px solid var(--tips-card-border-color);padding:16px;box-shadow:0 12px 22px var(--k-shadow);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}:root{--tips-card-border-color: rgba(25, 13, 27, .05)}[data-theme=dark]{--tips-card-border-color: rgba(224, 224, 224, .08)}.tips-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.tips-header h4{margin:0;font-size:.95rem}.tips-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tip{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--tip-text-color);font-weight:600}:root{--tip-text-color: rgba(25, 13, 27, .65)}[data-theme=dark]{--tip-text-color: rgba(224, 224, 224, .75)}.tip .material-symbols-outlined{color:var(--k-primary);background:var(--tip-icon-background);border-radius:999px;padding:6px;font-size:1rem}:root{--tip-icon-background: rgba(200, 19, 236, .1)}[data-theme=dark]{--tip-icon-background: rgba(187, 134, 252, .15)}.sticky-cta{position:fixed;bottom:0;left:0;right:0;padding:18px 20px 24px;background:var(--sticky-cta-background);text-align:center}:root{--sticky-cta-background: linear-gradient(to top, rgba(251, 248, 252, .98), rgba(251, 248, 252, .9), rgba(251, 248, 252, 0))}[data-theme=dark]{--sticky-cta-background: linear-gradient(to top, rgba(40, 44, 52, .98), rgba(40, 44, 52, .9), rgba(40, 44, 52, 0))}.sticky-cta p{margin:10px auto 0;font-size:.7rem;color:var(--k-muted);max-width:280px}@media(min-width:768px){.hero-section{padding:32px 10vw 0}.hero-card{min-height:640px}.timeline{gap:28px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.upload-section{max-width:760px;margin:0 auto}.upload-card{gap:16px}}@media(max-width:480px){.upload-drop{padding:18px 14px}.upload-watermark{font-size:6rem}}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}@keyframes floatIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-card,.timeline-step,.feature-card,.upload-card,.tips-card{animation:floatIn .6s ease both}.timeline-step:nth-child(2){animation-delay:.1s}.timeline-step:nth-child(3){animation-delay:.2s}.feature-card:nth-child(2){animation-delay:.1s}.feature-card:nth-child(3){animation-delay:.2s}.upload-card:nth-child(2){animation-delay:.1s}.tips-card{animation-delay:.15s}