.home-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;position:relative;overflow-x:hidden}.home-page:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 90% 50% at 50% -10%,rgba(99,102,241,.07),transparent 60%),radial-gradient(circle 600px at 85% 40%,rgba(129,140,248,.05),transparent 50%),radial-gradient(circle 500px at 15% 70%,rgba(16,185,129,.04),transparent 50%);pointer-events:none}.dark .home-page:before{background:radial-gradient(ellipse 90% 50% at 50% -10%,rgba(99,102,241,.14),transparent 60%),radial-gradient(circle 600px at 85% 40%,rgba(129,140,248,.08),transparent 50%),radial-gradient(circle 500px at 15% 70%,rgba(16,185,129,.05),transparent 50%)}.home-hero{width:100%;max-width:44rem;margin:0 auto;padding:4rem 1.5rem 0;text-align:center}.home-hero__title{font-size:clamp(1.875rem,5vw,3rem);font-weight:800;letter-spacing:-.035em;line-height:1.1;color:var(--color-text-primary);margin-bottom:.75rem}.home-hero__suffix{display:block;margin-top:.125rem;background:linear-gradient(135deg,#6366F1,#818CF8 35%,#10B981 70%,#6366F1);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:hero-gradient-shift 6s ease-in-out infinite}@keyframes hero-gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.trust-badge{display:inline-flex;align-items:center;gap:.375rem;margin-top:.875rem;padding:.3125rem .75rem;font-size:.75rem;font-weight:600;letter-spacing:.01em;color:var(--color-success);background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.15);border-radius:9999px;user-select:none}.dark .trust-badge{color:#34d399;background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.2)}.trust-badge svg{flex-shrink:0}.converter-card{width:100%;max-width:44rem;margin:2.5rem auto 0;padding:0 1rem}.converter-tool{position:relative;background:rgba(255,255,255,.75);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-xl,12px);padding:1.5rem;box-shadow:0 0 0 1px rgba(0,0,0,.03),0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.06);backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);transition:box-shadow .3s ease,border-color .3s ease}.converter-tool:hover{box-shadow:0 0 0 1px rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.04),0 12px 32px rgba(0,0,0,.08)}.dark .converter-tool{background:rgba(24,24,27,.75);border-color:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 1px 2px rgba(0,0,0,.2),0 8px 32px rgba(0,0,0,.4)}.dark .converter-tool:hover{border-color:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 2px 4px rgba(0,0,0,.2),0 16px 40px rgba(0,0,0,.45)}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3.5rem 2rem;border:2px dashed var(--color-border);border-radius:var(--radius-lg,8px);cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;background:transparent}.dark .dropzone{border-color:rgba(255,255,255,.1)}.dropzone:hover{border-color:var(--color-primary);background:rgba(99,102,241,.04);box-shadow:0 0 0 4px rgba(99,102,241,.06)}.dark .dropzone:hover{background:rgba(99,102,241,.06);box-shadow:0 0 0 4px rgba(99,102,241,.08)}.dropzone--active{border-color:var(--color-primary);background:rgba(99,102,241,.08);border-style:solid;transform:scale(1.01);box-shadow:0 0 0 4px rgba(99,102,241,.12);animation:dropzone-pulse 1.5s ease infinite}.dark .dropzone--active{background:rgba(99,102,241,.14);box-shadow:0 0 0 4px rgba(99,102,241,.18)}.dropzone--compact{padding:1rem;flex-direction:row;gap:.5rem}@keyframes dropzone-pulse{0%,to{box-shadow:0 0 0 4px rgba(99,102,241,.12)}50%{box-shadow:0 0 0 10px rgba(99,102,241,0)}}.dropzone__icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:var(--radius-lg,8px);background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(129,140,248,.1));color:var(--color-primary);transition:transform .25s cubic-bezier(.25,1,.5,1),background .2s ease}.dropzone--compact .dropzone__icon{width:2rem;height:2rem;border-radius:var(--radius-md,6px)}.dropzone:hover .dropzone__icon{transform:scale(1.08) translateY(-2px);background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(129,140,248,.15))}.dropzone--active .dropzone__icon{transform:scale(1.12) translateY(-3px);animation:icon-bounce .6s cubic-bezier(.25,1,.5,1)}@keyframes icon-bounce{0%{transform:scale(1) translateY(0)}40%{transform:scale(1.18) translateY(-6px)}70%{transform:scale(1.1) translateY(-2px)}to{transform:scale(1.12) translateY(-3px)}}.dropzone__text{font-size:.9375rem;font-weight:500;color:var(--color-text-secondary);transition:color .15s ease}.dropzone:hover .dropzone__text{color:var(--color-text-primary)}.dropzone__hint{font-size:.8125rem;color:var(--color-text-tertiary)}.advanced-toggle,.dropzone__text-compact{font-size:.8125rem;font-weight:500;color:var(--color-text-tertiary)}.advanced-toggle{display:flex;align-items:center;gap:.375rem;padding:.5rem 0;margin-top:.75rem;background:none;border:none;cursor:pointer;transition:color .15s ease}.advanced-toggle:hover{color:var(--color-text-secondary)}.advanced-toggle__chevron{transition:transform .2s ease}.advanced-toggle__chevron--open{transform:rotate(180deg)}.advanced-panel{display:flex;flex-direction:column;gap:1rem;padding:1rem;margin-top:.25rem;border-radius:var(--radius-md,6px);background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.5);animation:panel-enter .2s ease}.dark .advanced-panel{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}@keyframes panel-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.advanced-panel__row{display:flex;flex-direction:column;gap:.5rem}.advanced-panel__label{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary)}.advanced-panel__value{font-variant-numeric:tabular-nums;color:var(--color-primary)}.format-pills{display:flex;gap:.375rem}.format-pill{padding:.375rem .75rem;font-size:.75rem;font-weight:600;letter-spacing:.02em;border-radius:var(--radius-md,6px);border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.dark .format-pill{border-color:rgba(255,255,255,.1);color:var(--color-text-tertiary)}.format-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.format-pill--active{background:linear-gradient(135deg,#6366F1,#818CF8);border-color:transparent;color:white}.dark .format-pill--active{color:white}.file-list{display:flex;flex-direction:column;gap:.125rem;margin-top:.75rem;max-height:18rem;overflow-y:auto;padding-right:.25rem}.file-list::-webkit-scrollbar{width:4px}.file-list::-webkit-scrollbar-track{background:transparent}.file-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:2px}.dark .file-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1)}.file-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;border-radius:var(--radius-md,6px);font-size:.8125rem;transition:background .15s ease;animation:file-enter .25s ease}@keyframes file-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.file-item:hover{background:rgba(0,0,0,.03)}.dark .file-item:hover{background:rgba(255,255,255,.03)}.file-item__info{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem}.file-item__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary);font-weight:500}.file-item__size{flex-shrink:0;font-size:.75rem;color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.file-item__status{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.file-item__badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:1rem;font-size:.6875rem;font-weight:600;font-variant-numeric:tabular-nums}.file-item__badge--waiting{background:rgba(0,0,0,.04);color:var(--color-text-tertiary)}.dark .file-item__badge--waiting{background:rgba(255,255,255,.06)}.file-item__badge--done{background:rgba(16,185,129,.1);color:var(--color-success);animation:badge-pop .3s cubic-bezier(.25,1,.5,1)}.dark .file-item__badge--done{background:rgba(16,185,129,.15);color:#34d399}@keyframes badge-pop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.file-item__badge--error{background:rgba(244,63,94,.1);color:var(--color-destructive)}.file-item__reduction{color:var(--color-success);font-weight:700}.dark .file-item__reduction{color:#34d399}.file-item__progress{width:5rem}.file-item__progress-bar{height:4px;border-radius:2px;background:rgba(0,0,0,.06);overflow:hidden}.dark .file-item__progress-bar{background:rgba(255,255,255,.08)}.file-item__progress-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#6366F1,#818CF8);background-size:200% 100%;transition:width .3s ease;animation:progress-slide 1.5s ease infinite}@keyframes progress-slide{0%{background-position:100% 0}to{background-position:-100% 0}}.file-item__download{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:var(--radius-sm,4px);background:none;border:none;color:var(--color-primary);cursor:pointer;transition:background .15s ease}.file-item__download:hover{background:rgba(99,102,241,.1)}.file-item__remove{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:var(--radius-sm,4px);background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease,background .15s ease}.file-item:hover .file-item__remove{opacity:1}.file-item__remove:hover{color:var(--color-destructive);background:rgba(244,63,94,.1)}.converter-actions{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.dark .converter-actions{border-top-color:rgba(255,255,255,.06)}.converter-actions__saved{font-size:.8125rem;font-weight:600;color:var(--color-success)}.dark .converter-actions__saved{color:#34d399}.converter-actions__buttons{display:flex;gap:.5rem}.btn-primary{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;border-radius:var(--radius-md,6px);border:none;background:linear-gradient(135deg,#6366F1,#818CF8);background-size:150% 150%;background-position:0 50%;color:white;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease,background-position .3s ease;box-shadow:0 1px 2px rgba(0,0,0,.1),0 0 0 1px rgba(99,102,241,.2)}.btn-primary:hover{background-position:100% 50%;box-shadow:0 4px 14px rgba(99,102,241,.35),0 0 0 1px rgba(99,102,241,.3);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0) scale(.98);transition-duration:.1s}.btn-secondary{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;border-radius:var(--radius-md,6px);border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background .15s ease,border-color .15s ease}.dark .btn-secondary{border-color:rgba(255,255,255,.1);color:var(--color-text-tertiary)}.btn-secondary:hover{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.12)}.dark .btn-secondary:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15)}.privacy-badge{display:flex;align-items:center;justify-content:center;gap:.375rem;margin-top:1rem;font-size:.75rem;color:var(--color-text-tertiary)}.privacy-badge svg{color:var(--color-success)}.home-pillars{width:100%;max-width:44rem;margin:4rem auto 0;padding:0 1.5rem;text-align:center}.home-pillars__title{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:1.5rem}.home-pillars__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.home-pillars__card{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:1.5rem 1rem;border-radius:var(--radius-xl,12px);border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.6)}.dark .home-pillars__card{background:rgba(24,24,27,.5);border-color:rgba(255,255,255,.06)}.home-pillars__icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-lg,8px);margin-bottom:.25rem}.home-pillars__icon--deps{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(129,140,248,.1));color:#6366F1}.home-pillars__icon--local{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(52,211,153,.1));color:#10B981}.home-pillars__icon--key{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(251,191,36,.1));color:#F59E0B}.home-pillars__name{font-size:.9375rem;font-weight:650;color:var(--color-text-primary)}.home-pillars__desc{font-size:.8125rem;line-height:1.5;color:var(--color-text-secondary)}@media (max-width:640px){.home-pillars{margin-top:3rem;padding:0 1rem}.home-pillars__grid{grid-template-columns:1fr;gap:.5rem}.home-pillars__card{flex-direction:row;text-align:left;gap:.75rem;padding:1rem;display:grid;grid-template-columns:2.5rem 1fr;grid-template-rows:auto auto;align-items:start}.home-pillars__icon{grid-row:1/-1;align-self:center;margin-bottom:0}.home-pillars__desc,.home-pillars__name{grid-column:2}}.home-products{width:100%;max-width:44rem;margin:4rem auto 0;padding:0 1.5rem;text-align:center}.home-products__title{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:.375rem}.home-products__subtitle{font-size:.875rem;color:var(--color-text-tertiary);margin-bottom:1.75rem}.home-products__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.home-products__card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;border-radius:var(--radius-xl,12px);border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.6);text-decoration:none;color:inherit;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.home-products__card:hover{border-color:rgba(99,102,241,.3);box-shadow:0 4px 16px rgba(99,102,241,.1);transform:translateY(-2px)}.dark .home-products__card{background:rgba(24,24,27,.5);border-color:rgba(255,255,255,.06)}.dark .home-products__card:hover{border-color:rgba(99,102,241,.4);box-shadow:0 4px 20px rgba(99,102,241,.15)}.home-products__card--soon{cursor:default;opacity:.75}.home-products__card--soon:hover{transform:none;border-color:rgba(0,0,0,.06);box-shadow:none}.dark .home-products__card--soon:hover{border-color:rgba(255,255,255,.06);box-shadow:none}.home-products__icon{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-lg,8px);margin-bottom:.25rem}.home-products__icon--extension{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(129,140,248,.1));color:#6366F1}.home-products__icon--wordpress{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(52,211,153,.1));color:#10B981}.home-products__icon--cli{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(251,191,36,.1));color:#F59E0B}.home-products__name{font-size:.9375rem;font-weight:650;color:var(--color-text-primary)}.home-products__desc{font-size:.8125rem;line-height:1.5;color:var(--color-text-secondary)}.home-products__cta{display:inline-block;margin-top:.25rem;font-size:.75rem;font-weight:600;color:var(--color-primary)}.home-products__cta--soon{color:var(--color-text-tertiary)}@media (max-width:640px){.home-products{margin-top:3rem;padding:0 1rem}.home-products__grid{grid-template-columns:1fr;gap:.5rem}.home-products__card{flex-direction:row;text-align:left;gap:.75rem;padding:1rem}.home-products__icon{flex-shrink:0;margin-bottom:0}.home-products__card{display:grid;grid-template-columns:2.75rem 1fr;grid-template-rows:auto auto auto;align-items:start}.home-products__icon{grid-row:1/-1;align-self:center}.home-products__cta,.home-products__desc,.home-products__name{grid-column:2}}.home-faq{width:100%;max-width:44rem;margin:5rem auto 0;padding:0 1.5rem 4rem}.home-faq__title{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;text-align:center;margin-bottom:2rem;color:var(--color-text-primary)}.home-faq__list{display:flex;flex-direction:column;gap:2px}.home-faq__item{border-radius:var(--radius-md,6px);transition:background .15s ease}.home-faq__item:hover{background:rgba(0,0,0,.025)}.dark .home-faq__item:hover{background:rgba(255,255,255,.025)}.home-faq__item[open]{background:rgba(0,0,0,.025)}.dark .home-faq__item[open]{background:rgba(255,255,255,.03)}.home-faq__question{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1rem;font-size:.9375rem;font-weight:600;color:var(--color-text-primary);cursor:pointer;list-style:none;user-select:none;transition:color .15s ease}.home-faq__question::-webkit-details-marker{display:none}.home-faq__question:after{content:"+";flex-shrink:0;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:400;color:var(--color-text-tertiary);border-radius:var(--radius-sm,4px);transition:transform .2s ease,background .15s ease,color .15s ease}.home-faq__question:hover:after{background:rgba(0,0,0,.04);color:var(--color-text-secondary)}.dark .home-faq__question:hover:after{background:rgba(255,255,255,.06)}.home-faq__item[open] .home-faq__question:after{content:"-";color:var(--color-primary);background:rgba(99,102,241,.08)}.home-faq__answer{padding:0 1rem 1rem;font-size:.875rem;line-height:1.7;color:var(--color-text-secondary);animation:faq-reveal .2s ease}@keyframes faq-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropzone:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.format-pill:focus-visible{outline:2px solid var(--color-ring);outline-offset:1px}.home-faq__question:focus-visible{outline:2px solid var(--color-ring);outline-offset:-2px;border-radius:var(--radius-md,6px)}@media (max-width:640px){.home-hero{padding:2.5rem 1rem 0}.home-hero__title{font-size:clamp(1.5rem,7vw,2.25rem)}.converter-card{padding:0 .75rem}.converter-tool{padding:1rem;border-radius:var(--radius-lg,8px)}.dropzone{padding:2rem 1rem}.format-pills{flex-wrap:wrap}.home-faq{padding:0 1rem 3rem;margin-top:3.5rem}.home-faq__question{font-size:.875rem;padding:.75rem}.home-faq__answer{padding:0 .75rem .75rem;font-size:.8125rem}.converter-actions{flex-direction:column;gap:.75rem;align-items:stretch}.converter-actions__buttons{justify-content:stretch}.converter-actions__buttons .btn-primary,.converter-actions__buttons .btn-secondary{flex:1;justify-content:center}}@media (min-width:641px) and (max-width:1024px){.home-hero{padding:3.5rem 2rem 0}}