.navbar{z-index:1000;background-color:var(--color-surface);border-bottom:1px solid var(--color-border-light);width:100%;height:72px;transition:background-color .25s,border-color .25s,box-shadow .25s;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 16px #0f172a0a}.navbar__container{align-items:center;width:100%;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex;position:relative}.navbar__brand{color:var(--color-text);letter-spacing:-.025em;flex-shrink:0;align-items:center;gap:8px;font-size:18px;font-weight:800;line-height:1;transition:color .2s;display:inline-flex}.navbar__brand:hover{color:var(--color-primary)}.navbar__brand-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.navbar__brand-icon svg{width:24px;height:24px;display:block}.navbar__brand-text{display:inline-block}.navbar__links{align-items:center;gap:40px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.navbar__link{color:var(--color-text-secondary);padding:8px 0;font-size:15px;font-weight:600;transition:color .2s;position:relative}.navbar__link:hover{color:var(--color-primary)}.navbar__link:after{content:"";background-color:var(--color-primary);transform-origin:50%;opacity:0;border-radius:999px;width:100%;height:2px;transition:transform .25s,opacity .25s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.navbar__link--active{color:var(--color-primary)}.navbar__link--active:after{opacity:1;transform:scaleX(1)}.navbar__theme-button{border:1px solid var(--color-border);background-color:var(--color-surface);width:48px;height:48px;color:var(--color-text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin-left:auto;transition:border-color .2s,color .2s,background-color .25s;display:flex}.navbar__theme-button:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-surface-secondary)}.navbar__theme-button svg{width:20px;height:20px}.navbar__theme-button--desktop{display:flex}.navbar__theme-button--mobile{display:none}.navbar__mobile-controls{align-items:center;gap:12px;margin-left:auto;display:none}.navbar__menu-button{border:1px solid var(--color-border);background-color:var(--color-surface);width:48px;height:48px;color:var(--color-text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:border-color .2s,color .2s,background-color .25s;display:flex}.navbar__menu-button:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-surface-secondary)}.navbar__menu-button svg{width:22px;height:22px}.navbar__mobile-menu{background-color:var(--color-surface);border-top:1px solid var(--color-border-light);z-index:999;width:100%;min-height:calc(100vh - 72px);padding:12px 16px 24px;transition:background-color .25s,border-color .25s;position:absolute;top:72px;left:0;box-shadow:0 12px 30px #0f172a14}.navbar__mobile-menu-inner{flex-direction:column;gap:8px;width:100%;max-width:1200px;margin:0 auto;display:flex}.navbar__mobile-link{border:1px solid var(--color-border);background-color:var(--color-surface);width:100%;min-height:48px;color:var(--color-text-secondary);border-radius:10px;align-items:center;padding:13px 16px;font-size:15px;font-weight:600;transition:background-color .2s,border-color .2s,color .2s,transform .15s;display:flex}.navbar__mobile-link:hover{background-color:var(--color-surface-secondary);border-color:var(--color-primary);color:var(--color-primary)}.navbar__mobile-link--active{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-secondary)}.navbar__mobile-link:active{transform:scale(.99)}@media (width>=768px){.navbar__links,.navbar__theme-button--desktop{display:flex}.navbar__theme-button--mobile,.navbar__mobile-controls,.navbar__mobile-menu{display:none}}@media (width<=767px){.navbar{height:72px}.navbar__container{padding:0 16px}.navbar__links,.navbar__theme-button--desktop{display:none}.navbar__mobile-controls,.navbar__theme-button--mobile{display:flex}.navbar__mobile-menu{display:block}}@media (width<=399px){.navbar__container{padding:0 14px}.navbar__mobile-controls{gap:8px}.navbar__theme-button,.navbar__menu-button{width:44px;height:44px}.navbar__mobile-menu{min-height:calc(100vh - 72px);padding:10px 12px 24px}.navbar__mobile-menu-inner{gap:7px}.navbar__mobile-link{min-height:46px;padding:12px 14px}}.hero{background-color:var(--color-background);width:100%;transition:background-color .25s,color .25s}.hero__container{justify-content:center;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:76px 24px 88px;display:flex}.hero__content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:960px;display:flex}.hero__badge{background-color:var(--color-primary-soft);color:var(--color-primary);letter-spacing:.05em;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:10px;font-weight:700;display:inline-flex}.hero__title{width:100%;max-width:820px;color:var(--color-text);letter-spacing:-.045em;text-align:center;margin:28px auto 18px;font-size:clamp(42px,5.2vw,68px);font-weight:800;line-height:1.04;transition:color .25s}.hero__description{width:100%;max-width:720px;color:var(--color-text-secondary);text-align:center;margin:0 auto 30px;font-size:16px;line-height:1.65;transition:color .25s}.hero__form{width:100%;max-width:950px;margin:0 auto}.hero__input-wrapper{background-color:var(--color-input-background);border:2px solid var(--color-primary);border-radius:10px;align-items:center;width:100%;min-height:62px;padding:5px;transition:background-color .25s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 6px 20px #2563eb14}.hero__input-wrapper:focus-within{box-shadow:0 8px 24px #2563eb1f}.hero__input-icon{width:46px;height:46px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.hero__input-icon svg{width:19px;height:19px}.hero__input{min-width:0;height:50px;color:var(--color-text);background:0 0;border:none;outline:none;flex:1;padding:0 10px;font-size:14px;transition:color .25s}.hero__input::placeholder{color:var(--color-text-muted)}.hero__button{background-color:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:7px;flex-shrink:0;min-height:50px;padding:0 22px;font-size:13px;font-weight:700;transition:background-color .2s,transform .2s}.hero__button:hover{background-color:var(--color-primary-hover)}.hero__button:active{transform:translateY(1px)}.hero__error{color:#dc2626;text-align:center;width:100%;max-width:760px;margin:12px auto 0;font-size:14px;line-height:1.5}.hero__support-text{width:100%;max-width:760px;color:var(--color-text-muted);text-align:center;margin:10px auto 0;font-size:11px;line-height:1.5;transition:color .25s}@media (width<=900px){.hero__container{padding:64px 24px 76px}.hero__content{max-width:820px}.hero__title{max-width:720px;font-size:clamp(40px,6vw,58px)}.hero__description{max-width:650px}.hero__form{max-width:760px}}@media (width<=767px){.hero__container{padding:52px 16px 64px}.hero__content{max-width:600px}.hero__badge{font-size:9px}.hero__title{max-width:560px;margin-top:22px;font-size:clamp(34px,9vw,46px);line-height:1.08}.hero__description{max-width:540px;margin-bottom:26px;font-size:14px;line-height:1.65}.hero__input-wrapper{flex-direction:column;align-items:stretch;min-height:auto;padding:6px}.hero__input-icon{display:none}.hero__input{width:100%;height:46px;padding:0 12px;font-size:14px}.hero__button{width:100%;min-height:46px;font-size:13px}.hero__support-text{font-size:10px}}@media (width<=399px){.hero__container{padding:44px 14px 56px}.hero__title{max-width:350px;font-size:33px}.hero__description{font-size:13px}.hero__badge{padding:5px 10px;font-size:8px}}.thumbnail-result{background-color:var(--color-background);padding:120px 0 72px;scroll-margin-top:80px;transition:background-color .25s,color .25s}.thumbnail-result__container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:32px;width:min(1180px,100% - 48px);margin:0 auto;padding:28px;transition:background-color .25s,border-color .25s;display:grid}.thumbnail-result__preview{min-width:0}.thumbnail-result__image{aspect-ratio:16/9;object-fit:cover;background-color:var(--color-surface-secondary);border-radius:12px;width:100%;display:block}.thumbnail-result__success{color:#16a34a;margin:10px 0 0;font-size:13px}.thumbnail-result__info{min-width:0}.thumbnail-result__title{color:var(--color-text);margin:0;font-size:24px;line-height:1.25;transition:color .25s}.thumbnail-result__description{color:var(--color-text-secondary);margin:10px 0 24px;font-size:14px;line-height:1.6;transition:color .25s}.thumbnail-result__options{flex-direction:column;gap:10px;display:flex}.thumbnail-result__option{border:1px solid var(--color-border);background-color:var(--color-surface);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;transition:background-color .25s,border-color .2s;display:flex}.thumbnail-result__option:hover{border-color:var(--color-primary)}.thumbnail-result__quality{color:var(--color-text);font-size:14px;font-weight:600;transition:color .25s;display:block}.thumbnail-result__resolution{color:var(--color-text-secondary);margin-top:4px;font-size:12px;transition:color .25s;display:block}.thumbnail-result__download{background-color:var(--color-primary);color:#fff;cursor:pointer;border:0;border-radius:7px;flex-shrink:0;padding:9px 16px;font-size:12px;font-weight:600;transition:background-color .2s,transform .15s}.thumbnail-result__download:hover{background-color:var(--color-primary-hover)}.thumbnail-result__download:active{transform:translateY(1px)}@media (width<=900px){.thumbnail-result__container{grid-template-columns:1fr}}@media (width<=767px){.thumbnail-result{padding:48px 0}.thumbnail-result__container{border-radius:14px;gap:24px;width:min(100% - 32px,600px);padding:18px}.thumbnail-result__title{font-size:20px}.thumbnail-result__option{padding:12px}}.how-it-works{background-color:var(--color-surface);width:100%;padding:88px 0;transition:background-color .25s}.how-it-works__container{width:min(1180px,100% - 48px);margin:0 auto}.how-it-works__header{text-align:center;max-width:620px;margin:0 auto 42px}.how-it-works__badge{background-color:var(--color-primary-soft);color:var(--color-primary);letter-spacing:.04em;border-radius:6px;justify-content:center;align-items:center;padding:5px 9px;font-size:9px;font-weight:700;display:inline-flex}.how-it-works__title{letter-spacing:-.025em;color:var(--color-text);margin:12px 0 0;font-size:clamp(28px,3vw,36px);font-weight:800;line-height:1.15;transition:color .25s}.how-it-works__description{color:var(--color-text-secondary);margin:12px 0 0;font-size:14px;line-height:1.6;transition:color .25s}.how-it-works__steps{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.how-it-works__step{border:1px solid var(--color-border);background-color:var(--color-surface-secondary);border-radius:12px;min-width:0;padding:24px;transition:background-color .25s,border-color .25s,transform .2s;position:relative}.how-it-works__step:hover{border-color:var(--color-primary);transform:translateY(-3px)}.how-it-works__step-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.how-it-works__icon{background-color:var(--color-primary-soft);width:38px;height:38px;color:var(--color-primary);border-radius:10px;justify-content:center;align-items:center;display:flex}.how-it-works__icon svg{width:18px;height:18px}.how-it-works__number{color:var(--color-number);-webkit-user-select:none;user-select:none;font-size:28px;font-weight:800;line-height:1}.how-it-works__step-title{color:var(--color-text);margin:0 0 8px;font-size:15px;font-weight:700;line-height:1.35;transition:color .25s}.how-it-works__step-description{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.65;transition:color .25s}@media (width<=900px){.how-it-works{padding:72px 0}.how-it-works__steps{grid-template-columns:repeat(2,1fr)}.how-it-works__step:last-child{grid-column:1/-1}}@media (width<=767px){.how-it-works{padding:64px 0}.how-it-works__container{width:min(100% - 32px,600px)}.how-it-works__header{margin-bottom:32px}.how-it-works__title{font-size:28px}.how-it-works__description{font-size:13px}.how-it-works__steps{grid-template-columns:1fr;gap:12px}.how-it-works__step:last-child{grid-column:auto}.how-it-works__step{padding:20px}}@media (width<=399px){.how-it-works{padding:56px 0}.how-it-works__container{width:calc(100% - 28px)}.how-it-works__step{padding:18px}}.features{background-color:var(--color-surface-secondary);width:100%;padding:88px 0;transition:background-color .25s}.features__container{width:min(1180px,100% - 48px);margin:0 auto}.features__header{text-align:center;max-width:650px;margin:0 auto 42px}.features__badge{background-color:var(--color-primary-soft);color:var(--color-primary);letter-spacing:.04em;border-radius:6px;justify-content:center;align-items:center;padding:5px 9px;font-size:9px;font-weight:700;display:inline-flex}.features__title{letter-spacing:-.025em;color:var(--color-text);margin:12px 0 0;font-size:clamp(28px,3vw,36px);font-weight:800;line-height:1.15;transition:color .25s}.features__description{max-width:560px;color:var(--color-text-secondary);margin:12px auto 0;font-size:14px;line-height:1.6;transition:color .25s}.features__grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.features__card{border:1px solid var(--color-border);background-color:var(--color-surface);border-radius:12px;min-width:0;padding:22px;transition:background-color .25s,border-color .2s,transform .2s,box-shadow .2s}.features__card:hover{border-color:var(--color-primary);transform:translateY(-3px);box-shadow:0 8px 24px #0f172a0f}.features__icon{background-color:var(--color-primary-soft);width:38px;height:38px;color:var(--color-primary);border-radius:10px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.features__icon svg{width:18px;height:18px}.features__card-title{color:var(--color-text);margin:0 0 7px;font-size:14px;font-weight:700;line-height:1.4;transition:color .25s}.features__card-description{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.65;transition:color .25s}@media (width<=900px){.features{padding:72px 0}.features__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.features{padding:64px 0}.features__container{width:min(100% - 32px,600px)}.features__header{margin-bottom:32px}.features__title{font-size:28px}.features__description{font-size:13px}.features__grid{grid-template-columns:1fr;gap:12px}.features__card{padding:20px}}@media (width<=399px){.features{padding:56px 0}.features__container{width:calc(100% - 28px)}.features__card{padding:18px}.features__card-title{font-size:14px}.features__card-description{font-size:12px}}.faq{background-color:var(--color-background);padding:88px 0}.faq__container{width:min(900px,100% - 48px);margin:0 auto}.faq__header{text-align:center;margin-bottom:48px}.faq__badge{background-color:var(--color-primary-soft);color:var(--color-primary);letter-spacing:.08em;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.faq__title{color:var(--color-text);margin:16px 0 12px;font-size:clamp(30px,4vw,42px);font-weight:800;line-height:1.15}.faq__description{max-width:620px;color:var(--color-text-secondary);margin:0 auto;font-size:16px;line-height:1.7}.faq__list{flex-direction:column;gap:14px;display:flex}.faq__item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.faq__item:hover{border-color:var(--color-primary)}.faq__item--open{border-color:var(--color-primary);box-shadow:0 8px 24px #0000000f}.faq__question{margin:0}.faq__question-button{width:100%;color:var(--color-text);text-align:left;cursor:pointer;background-color:#0000;border:0;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.faq__question-button:hover{color:var(--color-primary)}.faq__question-button:focus-visible{outline:3px solid var(--color-primary-soft);outline-offset:-3px}.faq__question-text{font-size:16px;font-weight:700;line-height:1.5}.faq__icon{background-color:var(--color-surface-secondary);width:34px;height:34px;color:var(--color-text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .25s,background-color .2s,color .2s;display:flex}.faq__icon svg{width:18px;height:18px}.faq__item--open .faq__icon{background-color:var(--color-primary-soft);color:var(--color-primary);transform:rotate(180deg)}.faq__answer{padding:0 24px 22px}.faq__answer-text{max-width:760px;color:var(--color-text-secondary);margin:0;font-size:15px;line-height:1.7}@media (width<=767px){.faq{padding:72px 0}.faq__container{width:min(100% - 40px,700px)}.faq__header{margin-bottom:36px}.faq__question-button{padding:20px}.faq__answer{padding:0 20px 20px}}@media (width<=399px){.faq{padding:64px 0}.faq__container{width:calc(100% - 32px)}.faq__title{font-size:28px}.faq__description{font-size:15px}.faq__question-button{gap:12px;padding:18px 16px}.faq__question-text{font-size:15px}.faq__icon{width:30px;height:30px}.faq__icon svg{width:16px;height:16px}.faq__answer{padding:0 16px 18px}.faq__answer-text{font-size:14px}}.about{background-color:var(--color-surface-secondary);padding:88px 0}.about__container{width:min(1180px,100% - 48px);margin:0 auto}.about__header{text-align:center;max-width:760px;margin:0 auto 48px}.about__badge{background-color:var(--color-primary-soft);color:var(--color-primary);letter-spacing:.08em;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.about__title{color:var(--color-text);margin:16px 0 12px;font-size:clamp(30px,4vw,42px);font-weight:800;line-height:1.15}.about__description{color:var(--color-text-secondary);margin:0;font-size:16px;line-height:1.7}.about__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.about__card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:28px;transition:transform .2s,border-color .2s,box-shadow .2s}.about__card:hover{border-color:var(--color-primary);transform:translateY(-3px);box-shadow:0 10px 28px #0000000f}.about__card-title{color:var(--color-text);margin:0 0 12px;font-size:19px;font-weight:700;line-height:1.4}.about__card-description{color:var(--color-text-secondary);margin:0;font-size:15px;line-height:1.7}@media (width<=900px){.about{padding:76px 0}.about__grid{gap:16px}.about__card{padding:24px}}@media (width<=767px){.about{padding:72px 0}.about__container{width:min(100% - 40px,700px)}.about__header{margin-bottom:36px}.about__grid{grid-template-columns:1fr}}@media (width<=399px){.about{padding:64px 0}.about__container{width:calc(100% - 32px)}.about__title{font-size:28px}.about__description{font-size:15px}.about__card{padding:20px}.about__card-title{font-size:17px}.about__card-description{font-size:14px}}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:54px 0 24px}.footer__container{width:min(1180px,100% - 48px);margin:0 auto}.footer__main{grid-template-columns:1.7fr 1fr 1fr 1fr;gap:56px;padding-bottom:40px;display:grid}.footer__brand{max-width:330px}.footer__logo{color:var(--color-text);align-items:center;gap:9px;margin-bottom:14px;font-size:15px;font-weight:800;line-height:1;transition:color .2s;display:inline-flex}.footer__logo:hover{color:var(--color-primary)}.footer__logo-icon{background-color:var(--color-primary);color:#fff;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.footer__logo-icon svg{width:13px;height:13px}.footer__description{max-width:300px;color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.55}.footer__socials{align-items:center;gap:12px;margin-top:14px;display:flex}.footer__social-link{width:22px;height:22px;color:var(--color-text-secondary);justify-content:center;align-items:center;transition:color .2s,transform .2s;display:inline-flex}.footer__social-link:hover{color:var(--color-primary);transform:translateY(-2px)}.footer__social-link svg{width:17px;height:17px}.footer__column{flex-direction:column;display:flex}.footer__heading{color:var(--color-text);margin:0 0 14px;font-size:12px;font-weight:700;line-height:1.4}.footer__navigation{flex-direction:column;align-items:flex-start;gap:9px;display:flex}.footer__link{color:var(--color-text-secondary);font-size:12px;line-height:1.5;transition:color .2s,transform .2s;display:inline-block}.footer__link:hover{color:var(--color-primary);transform:translate(2px)}.footer__bottom{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:32px;padding-top:22px;display:flex}.footer__copyright,.footer__disclaimer{color:var(--color-text-muted);margin:0;font-size:10px;line-height:1.5}.footer__disclaimer{text-align:right;max-width:430px}@media (width<=900px){.footer__main{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px}.footer__container{width:min(100% - 40px,820px)}}@media (width<=767px){.footer{padding:48px 0 22px}.footer__container{width:min(100% - 40px,700px)}.footer__main{grid-template-columns:1fr 1fr;gap:36px 24px}.footer__brand{grid-column:1/-1;max-width:100%}.footer__description{max-width:420px}.footer__bottom{flex-direction:column;align-items:flex-start;gap:10px}.footer__disclaimer{text-align:left;max-width:100%}}@media (width<=399px){.footer{padding:44px 0 20px}.footer__container{width:calc(100% - 32px)}.footer__main{grid-template-columns:1fr;gap:30px}.footer__brand{grid-column:auto}.footer__description{font-size:12px}.footer__bottom{gap:8px}.footer__copyright,.footer__disclaimer{font-size:9px}}*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--color-background:#fff;--color-surface:#fff;--color-surface-secondary:#f8fafc;--color-text:#111827;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-soft:#eff6ff;--color-number:#dbeafe;--color-input-background:#fff}:root[data-theme=dark]{--color-background:#0f172a;--color-surface:#111827;--color-surface-secondary:#1e293b;--color-text:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-border:#334155;--color-border-light:#1e293b;--color-primary:#60a5fa;--color-primary-hover:#93c5fd;--color-primary-soft:#1e3a5f;--color-number:#334155;--color-input-background:#1e293b}body{background-color:var(--color-background);min-width:320px;color:var(--color-text);margin:0;padding-top:72px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background-color .25s,color .25s}.hero,.how-it-works,.features,.faq,.about{scroll-margin-top:88px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}