.optimizer{background:var(--white);min-height:calc(100vh - 72px);padding:var(--sp-12) var(--sp-6) var(--sp-20)}.optimizer__container{max-width:800px;margin:0 auto}.optimizer__view{display:none}.optimizer__view--active{display:block}.optimizer__header{text-align:center;margin-bottom:var(--sp-10)}.optimizer__title{font-family:var(--font-display);font-size:var(--fs-4xl);font-weight:700;color:var(--text);margin:var(--sp-3) 0 var(--sp-4);line-height:1.1}.optimizer__subtitle{font-size:var(--fs-md);color:var(--text-2);max-width:580px;margin:0 auto;line-height:1.65}.gate-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-2xl);padding:var(--sp-8);box-shadow:0 4px 24px #0f172a0a}.gate-card__header{margin-bottom:var(--sp-6)}.gate-card__title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600;color:var(--text);margin:0 0 var(--sp-2)}.gate-card__desc{font-size:var(--fs-sm);color:var(--text-3);margin:0;line-height:1.6}.gate-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4) var(--sp-5);margin-bottom:var(--sp-6)}.gate-field{display:flex;flex-direction:column}.gate-field:nth-child(4){grid-column:1 / -1}.gate-field__label{font-size:var(--fs-sm);font-weight:500;color:var(--text);margin-bottom:var(--sp-1)}.gate-field__req{color:#dc2626}.gate-field__opt{font-weight:400;color:var(--text-3);font-size:var(--fs-xs)}.gate-field input{font-family:var(--font-body);font-size:var(--fs-base);color:var(--text);background:var(--off-white);border:1.5px solid var(--border-2);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);transition:border-color var(--t-base),box-shadow var(--t-base)}.gate-field input:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 3px #0ea5e91a}.gate-field input.is-invalid{border-color:#dc2626;box-shadow:0 0 0 3px #dc262614}.gate-field__hint{font-size:var(--fs-xs);color:var(--text-3);margin:var(--sp-1) 0 0}.gate-field__error{font-size:var(--fs-xs);color:#dc2626;margin:var(--sp-1) 0 0}.gate-form__error{font-size:var(--fs-sm);color:#dc2626;margin:0 0 var(--sp-4);padding:var(--sp-3) var(--sp-4);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--r-md)}.gate-form__submit{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--sp-2)}.gate-form__privacy{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--text-3);margin:var(--sp-4) 0 0}.gate-form__privacy svg{color:var(--sky);flex-shrink:0}@media(max-width:640px){.gate-form__grid{grid-template-columns:1fr}.gate-card{padding:var(--sp-6) var(--sp-4)}}.optimizer__form{margin-bottom:var(--sp-6)}.upload-zone{position:relative;border:2px dashed var(--border-2);border-radius:var(--r-xl);padding:var(--sp-10) var(--sp-6);text-align:center;cursor:pointer;transition:border-color var(--t-base),background var(--t-base);margin-bottom:var(--sp-4)}.upload-zone:hover,.upload-zone.is-dragover{border-color:var(--sky);background:#0ea5e908}.upload-zone.has-file{border-style:solid;border-color:var(--sky);padding:var(--sp-4);cursor:default}.upload-zone.has-file{cursor:default}.optimizer .u-hidden{display:none!important}.upload-zone__preview{position:relative;display:flex;justify-content:center;z-index:20}.upload-zone__preview img{max-width:100%;max-height:400px;border-radius:var(--r-lg);object-fit:contain}.upload-zone__remove{position:absolute;top:var(--sp-2);right:var(--sp-2);width:32px;height:32px;border-radius:var(--r-full);background:#0f172ab3;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--t-fast)}.upload-zone__remove:hover{background:#0f172ae6}.upload-progress{width:100%;padding:var(--sp-4) var(--sp-5);background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);margin-top:var(--sp-3)}.upload-progress__info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-2)}.upload-progress__name{font-size:var(--fs-sm);font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.upload-progress__pct{font-size:var(--fs-sm);font-weight:600;color:var(--sky)}.upload-progress__track{height:6px;background:var(--off-white);border-radius:var(--r-full);overflow:hidden;margin-bottom:var(--sp-2)}.upload-progress__fill{height:100%;width:0%;background:linear-gradient(90deg,var(--sky),var(--cyan));border-radius:var(--r-full);transition:width .3s ease}.upload-progress__status{font-size:var(--fs-xs);color:var(--text-3)}.upload-progress__status.is-done{color:#16a34a;font-weight:500}.upload-zone__tip{display:flex;align-items:flex-start;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--text-3);line-height:1.5;margin-bottom:var(--sp-6);padding:var(--sp-3) var(--sp-4);background:var(--off-white);border-radius:var(--r-md)}.upload-zone__tip svg{flex-shrink:0;margin-top:1px}.optimizer__submit{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);width:100%}.optimizer__submit .btn__label,.optimizer__submit .btn__loading{display:inline-flex;align-items:center;gap:var(--sp-2)}.spinner{width:18px;height:18px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.why-screenshot{background:var(--off-white);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:var(--sp-6);overflow:hidden}.why-screenshot__toggle{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);font-size:var(--fs-sm);font-weight:500;color:var(--text-2);cursor:pointer;list-style:none;transition:color var(--t-fast)}.why-screenshot__toggle:hover{color:var(--text)}.why-screenshot__toggle::-webkit-details-marker{display:none}.why-screenshot__toggle svg{color:var(--sky);flex-shrink:0}.why-screenshot__content{padding:0 var(--sp-5) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4)}.why-screenshot__item{display:flex;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--text-2);line-height:1.6}.why-screenshot__item strong{display:block;color:var(--text);font-weight:600;margin-bottom:2px}.why-screenshot__icon{width:28px;height:28px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.why-screenshot__icon--red{background:#fef2f2;color:#dc2626}.why-screenshot__icon--green{background:#f0fdf4;color:#16a34a}.why-screenshot__icon--blue{background:#f0f9ff;color:#0284c7}.optimizer__error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);line-height:1.5;margin-top:var(--sp-4)}.optimizer__trust{display:flex;justify-content:center;gap:var(--sp-8);margin-top:var(--sp-8)}.trust-item{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);font-weight:500;color:var(--text-3)}.trust-item svg{color:var(--sky);flex-shrink:0}.loading-state{position:relative;display:flex;flex-direction:column;align-items:center;padding:var(--sp-12) 0 var(--sp-20);overflow:hidden}.loading-state__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.loading-dot{position:absolute;border-radius:50%;opacity:.08;animation:floatDot 6s ease-in-out infinite}.loading-dot--1{width:180px;height:180px;background:var(--sky);top:-40px;right:-60px;animation-delay:0s}.loading-dot--2{width:120px;height:120px;background:var(--cyan);bottom:20px;left:-40px;animation-delay:1.5s}.loading-dot--3{width:80px;height:80px;background:var(--sky);top:40%;right:10%;animation-delay:3s}.loading-dot--4{width:60px;height:60px;background:var(--cyan);top:20%;left:15%;animation-delay:2s}.loading-dot--5{width:100px;height:100px;background:var(--sky);bottom:-20px;right:30%;animation-delay:4s}@keyframes floatDot{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}.loading-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;background:var(--white);border:1px solid var(--border);border-radius:var(--r-2xl);padding:var(--sp-10) var(--sp-8);box-shadow:0 8px 40px #0ea5e914,0 1px 3px #0f172a0a;max-width:480px;width:100%;margin-bottom:var(--sp-8)}.loading-card__ring{position:relative;width:100px;height:100px;margin-bottom:var(--sp-6)}.loading-card__icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;animation:pulse-icon 2s ease-in-out infinite}@keyframes pulse-icon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.92)}}.loading-card__title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;color:var(--text);margin:0 0 var(--sp-2);text-align:center}.loading-card__subtitle{font-size:var(--fs-sm);color:var(--text-3);margin:0 0 var(--sp-8);text-align:center}.loading-steps{width:100%;display:flex;flex-direction:column;gap:var(--sp-3)}.loading-step-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);background:var(--off-white);transition:background var(--t-base),border-color var(--t-base);border:1px solid transparent}.loading-step-item.is-active{background:#0ea5e90f;border-color:#0ea5e933}.loading-step-item.is-done{background:#22c55e0f;border-color:#22c55e26}.loading-step-item__indicator{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--border);transition:background var(--t-base)}.loading-step-item.is-active .loading-step-item__indicator{background:var(--sky)}.loading-step-item.is-done .loading-step-item__indicator{background:#22c55e}.loading-step-item__dot{width:6px;height:6px;border-radius:50%;background:var(--white)}.loading-step-item.is-active .loading-step-item__dot{animation:pulse-dot 1s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.5}}.loading-step-item__check{display:none;color:var(--white)}.loading-step-item.is-done .loading-step-item__check{display:block}.loading-step-item.is-done .loading-step-item__dot{display:none}.loading-step-item__label{font-size:var(--fs-sm);font-weight:500;color:var(--text-3);transition:color var(--t-base)}.loading-step-item.is-active .loading-step-item__label{color:var(--sky);font-weight:600}.loading-step-item.is-done .loading-step-item__label{color:#16a34a}.loading-skeleton{position:relative;z-index:1;width:100%;max-width:480px;display:flex;flex-direction:column;gap:var(--sp-3)}.loading-skeleton__row{display:flex;align-items:center;gap:var(--sp-3);height:10px}.loading-skeleton__row span{display:block;height:100%;border-radius:var(--r-full);background:linear-gradient(90deg,var(--border) 25%,rgba(14,165,233,.08) 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.score-hero{position:relative;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);border-radius:var(--r-2xl);padding:var(--sp-12) var(--sp-8);margin-bottom:var(--sp-10);overflow:hidden}.score-hero__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.score-hero__orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3}.score-hero__orb--1{width:300px;height:300px;background:var(--sky);top:-80px;right:-60px}.score-hero__orb--2{width:200px;height:200px;background:var(--cyan);bottom:-60px;left:-40px}.score-hero__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.score-hero__badge{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);background:#06b6d41f;border:1px solid rgba(6,182,212,.2);padding:4px 14px;border-radius:var(--r-full);margin-bottom:var(--sp-6)}.score-hero__ring{position:relative;width:140px;height:140px;margin-bottom:var(--sp-4)}.score-ring{width:100%;height:100%}.score-ring__inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-ring__number{font-family:var(--font-display);font-size:48px;font-weight:700;color:#fff;line-height:1}.score-ring__label{font-size:11px;color:#ffffff80;margin-top:2px}.score-hero__grade{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:700;margin-bottom:var(--sp-3);padding:var(--sp-1) var(--sp-6);border-radius:var(--r-full)}.score-hero__verdict{font-size:var(--fs-md);color:#ffffffb3;max-width:440px;margin:0;line-height:1.6}.results__section{margin-bottom:var(--sp-10)}.results__section-header{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border)}.results__section-title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600;color:var(--text);margin:0}.results__section-hint{font-size:var(--fs-xs);color:var(--text-3);margin:0 0 var(--sp-4)}.cat-bar{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--off-white);border-radius:var(--r-lg);margin-bottom:var(--sp-2);transition:box-shadow var(--t-fast)}.cat-bar:hover{box-shadow:var(--shadow-sm)}.cat-bar__icon{width:32px;height:32px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--fs-sm);font-weight:700}.cat-bar__name{font-size:var(--fs-sm);font-weight:500;color:var(--text);min-width:160px}.cat-bar__track{flex:1;height:8px;background:var(--white);border-radius:var(--r-full);overflow:hidden;border:1px solid var(--border)}.cat-bar__fill{height:100%;border-radius:var(--r-full);transition:width .8s cubic-bezier(.16,1,.3,1)}.cat-bar__score{font-size:var(--fs-sm);font-weight:700;min-width:40px;text-align:right}.priority-card{display:flex;gap:var(--sp-4);padding:var(--sp-5);background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);border-left:4px solid var(--sky);margin-bottom:var(--sp-3);transition:box-shadow var(--t-fast),transform .2s ease}.priority-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.priority-card__rank{width:32px;height:32px;border-radius:var(--r-full);background:linear-gradient(135deg,var(--sky),var(--cyan));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:700;flex-shrink:0}.priority-card__content{flex:1}.priority-card__label{font-size:var(--fs-sm);font-weight:600;color:var(--text);margin:0 0 var(--sp-1)}.priority-card__impact{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:var(--r-full);display:inline-block;margin-bottom:var(--sp-2)}.priority-card__impact--critical{background:#fef2f2;color:#dc2626}.priority-card__impact--high{background:#fff7ed;color:#ea580c}.priority-card__impact--medium{background:#f0f9ff;color:#0284c7}.priority-card__tip{font-size:var(--fs-sm);color:var(--text-2);line-height:1.6;margin:0}.results__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6);margin-bottom:var(--sp-10)}.results__grid-item{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-6);margin-bottom:0}.quick-win{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:#f0fdf4;border-radius:var(--r-md);margin-bottom:var(--sp-2);font-size:var(--fs-sm);color:#15803d;line-height:1.5}.quick-win svg{flex-shrink:0;margin-top:2px}.strength-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:#0ea5e90a;border-radius:var(--r-md);margin-bottom:var(--sp-2);font-size:var(--fs-sm);color:var(--text)}.strength-item svg{color:#f59e0b;flex-shrink:0}.results__details{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-5) var(--sp-6);margin-bottom:var(--sp-10)}.results__details-toggle{font-family:var(--font-display);font-size:var(--fs-base);font-weight:600;color:var(--sky);cursor:pointer;padding:var(--sp-1) 0;list-style:none;display:flex;align-items:center;gap:var(--sp-2);width:100%}.results__details-toggle::-webkit-details-marker{display:none}.results__all-checks{padding-top:var(--sp-4)}.check-group-title{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin:var(--sp-6) 0 var(--sp-3)}.check-group-title:first-child{margin-top:0}.check-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;font-size:var(--fs-sm);border-bottom:1px solid var(--border)}.check-row:last-child{border-bottom:none}.check-row__status{width:20px;height:20px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.check-row__status--pass{background:#dcfce7;color:#16a34a}.check-row__status--partial{background:#fef3c7;color:#d97706}.check-row__status--fail{background:#fee2e2;color:#dc2626}.check-row__status--na{background:var(--off-white);color:var(--text-3)}.check-row__label{flex:1;color:var(--text-2)}.results__share{background:var(--off-white);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-5) var(--sp-6);margin-bottom:var(--sp-6)}.results__share-header{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:600;color:var(--text);margin-bottom:var(--sp-4)}.results__share-header svg{color:var(--sky)}.results__share-actions{display:flex;gap:var(--sp-3);margin-bottom:var(--sp-1)}.share-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:500;color:var(--text-2);background:var(--white);border:1px solid var(--border-2);border-radius:var(--r-md);cursor:pointer;transition:all var(--t-fast)}.share-btn:hover{border-color:var(--sky);color:var(--sky);background:#0ea5e90a}.share-btn--email svg{color:var(--sky)}.email-form.is-hidden{display:none}.email-form{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border)}.email-form__row{display:flex;gap:var(--sp-3)}.email-form__row input{flex:1;font-family:var(--font-body);font-size:var(--fs-sm);color:var(--text);background:var(--white);border:1.5px solid var(--border-2);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-4);transition:border-color var(--t-base)}.email-form__row input:focus{outline:none;border-color:var(--sky)}.email-form__label,.email-form__loading{display:inline-flex;align-items:center;gap:var(--sp-2)}.email-form__status{font-size:var(--fs-xs);margin:var(--sp-2) 0 0;line-height:1.5}.email-form__status.is-success{color:#16a34a}.email-form__status.is-error{color:#dc2626}.results__share-copied{font-size:var(--fs-xs);font-weight:500;color:#16a34a;margin:var(--sp-3) 0 0;animation:fadeUp .3s ease}.results__cta-card{background:var(--off-white);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-8);display:flex;align-items:center;gap:var(--sp-8)}.results__cta-content{flex:1}.results__cta-content h3{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;color:var(--text);margin:0 0 var(--sp-2)}.results__cta-content p{font-size:var(--fs-sm);color:var(--text-2);margin:0;line-height:1.6}.results__cta-actions{display:flex;flex-direction:column;gap:var(--sp-3);flex-shrink:0}.results__cta-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);white-space:nowrap}@media(max-width:768px){.results__grid{grid-template-columns:1fr}.results__cta-card{flex-direction:column;text-align:center}.results__cta-actions{width:100%}.score-hero{padding:var(--sp-8) var(--sp-6)}}@media(max-width:640px){.optimizer{padding:var(--sp-8) var(--sp-4) var(--sp-16)}.optimizer__title{font-size:var(--fs-2xl)}.optimizer__trust{flex-direction:column;align-items:center;gap:var(--sp-3)}.cat-bar__name{min-width:100px;font-size:var(--fs-xs)}.cat-bar{padding:var(--sp-2) var(--sp-3)}.score-hero__ring{width:120px;height:120px}.score-ring__number{font-size:40px}}