*{margin:0;padding:0;box-sizing:border-box}:root{--black: #000;--white: #fff;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--green: #22c55e;--yellow: #eab308;--red: #ef4444;--blue: #3b82f6}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--white);color:var(--black);line-height:1.5;min-height:100vh}.container{max-width:800px;margin:0 auto;padding:2rem 1rem}.header{text-align:center;margin-bottom:3rem}.logo{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem;color:var(--gray-600)}.main-heading{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.75rem;color:var(--black)}.tagline{color:var(--gray-500);font-size:1.125rem;max-width:540px;margin:0 auto;line-height:1.6}.skip-link{position:absolute;top:-40px;left:0;background:var(--black);color:var(--white);padding:.5rem 1rem;z-index:100;text-decoration:none;font-weight:600;border-radius:0 0 4px;transition:top .2s}.skip-link:focus{top:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.input-group{display:flex;gap:.5rem}.input{flex:1;padding:.875rem 1rem;font-size:1rem;border:2px solid var(--gray-200);border-radius:8px;outline:none;transition:border-color .15s}.input:focus{border-color:var(--black)}.input::placeholder{color:var(--gray-400)}.button{padding:.875rem 1.5rem;font-size:1rem;font-weight:600;background:var(--black);color:var(--white);border:none;border-radius:8px;cursor:pointer;transition:opacity .15s;white-space:nowrap}.button:hover:not(:disabled){opacity:.8}.button:disabled{opacity:.5;cursor:not-allowed}.turnstile-wrapper{display:flex;justify-content:center}.rate-limit-info{text-align:center;font-size:.75rem;color:var(--gray-400);margin-top:.25rem}.loading{text-align:center;padding:2rem 1rem;background:var(--gray-50);border-radius:12px;margin-bottom:1rem}.loading-spinner-container{display:flex;justify-content:center;margin-bottom:1.5rem}.spinner{width:48px;height:48px;border:3px solid var(--gray-200);border-radius:50%;position:relative;animation:pulse 2s ease-in-out infinite}.spinner:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:3px solid transparent;border-top-color:var(--black);border-radius:50%;animation:spin .8s linear infinite}.spinner:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;background:var(--black);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.loading-text{font-weight:600;color:var(--gray-800);margin-bottom:1rem}.loading-steps{display:flex;flex-direction:column;gap:.5rem;max-width:300px;margin:0 auto}.loading-step{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--gray-400);transition:color .3s}.loading-step.active{color:var(--gray-700)}.loading-step.done{color:var(--green)}.loading-step-icon{width:18px;height:18px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:.625rem;flex-shrink:0}.loading-step.active .loading-step-icon{border-color:var(--black);animation:stepPulse 1s ease-in-out infinite}.loading-step.done .loading-step-icon{background:var(--green);border-color:var(--green);color:#fff}@keyframes stepPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.error{background:#fef2f2;border:1px solid #fecaca;color:var(--red);padding:1rem;border-radius:8px;margin-bottom:1rem}.results{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.summary-card{background:var(--gray-50);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.analyzed-url{font-size:.875rem;color:var(--gray-500);margin-bottom:.5rem;word-break:break-all}.summary-text{font-size:1.125rem;font-weight:500;margin-bottom:1rem}.response-time{font-size:.75rem;color:var(--gray-400)}.scores-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin-bottom:1.5rem}.score-card{background:var(--gray-50);border-radius:8px;padding:1rem;text-align:center}.score-value{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.score-value.high{color:var(--green)}.score-value.medium{color:var(--yellow)}.score-value.low{color:var(--red)}.score-label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.issues-section,.quickwins-section{margin-bottom:1.5rem}.section-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;color:var(--gray-600)}.issues-list,.quickwins-list{list-style:none}.issues-list li,.quickwins-list li{padding:.5rem 0 .5rem 1.25rem;position:relative;font-size:.9375rem;color:var(--gray-700)}.issues-list li:before{content:"";position:absolute;left:0;top:.875rem;width:6px;height:6px;background:var(--red);border-radius:50%}.quickwins-list li:before{content:"";position:absolute;left:0;top:.875rem;width:6px;height:6px;background:var(--green);border-radius:50%}.categories{display:flex;flex-direction:column;gap:1rem}.category-card{border:1px solid var(--gray-200);border-radius:8px;overflow:hidden}.category-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;cursor:pointer;background:var(--white);transition:background .15s}.category-header:hover{background:var(--gray-50)}.category-title{font-weight:600;font-size:.9375rem}.category-score{font-weight:600;font-size:.875rem}.category-score.high{color:var(--green)}.category-score.medium{color:var(--yellow)}.category-score.low{color:var(--red)}.category-toggle{color:var(--gray-400);font-size:1.25rem;transition:transform .2s}.category-toggle.open{transform:rotate(180deg)}.category-content{border-top:1px solid var(--gray-200);padding:1rem;background:var(--gray-50)}.check-item{display:flex;gap:.75rem;padding:.5rem 0}.check-status{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem}.check-status.pass{background:#dcfce7;color:var(--green)}.check-status.warning{background:#fef9c3;color:var(--yellow)}.check-status.fail{background:#fee2e2;color:var(--red)}.check-status.info{background:#dbeafe;color:var(--blue)}.check-content{flex:1;min-width:0}.check-title{font-weight:500;font-size:.875rem;margin-bottom:.125rem}.check-message{font-size:.8125rem;color:var(--gray-600)}.check-value{font-size:.75rem;color:var(--gray-500);font-family:monospace;word-break:break-all;margin-top:.25rem}.check-recommendation{font-size:.8125rem;color:var(--gray-700);font-style:italic;margin-top:.25rem}.cms-info{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--gray-100);border-radius:6px}.cms-badge{font-weight:600;font-size:.875rem}.cms-confidence{font-size:.75rem;color:var(--gray-500)}.carbon-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem;padding:1rem;background:var(--gray-100);border-radius:6px}.carbon-stat{text-align:center}.carbon-value{display:block;font-size:1.25rem;font-weight:700;color:var(--gray-800)}.carbon-value.green{color:var(--green)}.carbon-label{font-size:.6875rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.03em}.features-section{margin:2rem 0;padding:2rem 0;border-top:1px solid var(--gray-200)}.features-heading{font-size:1.25rem;font-weight:600;text-align:center;margin-bottom:1.5rem;color:var(--gray-700)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.feature-card{padding:1rem;background:var(--gray-50);border-radius:8px}.feature-card h3{font-size:.9375rem;font-weight:600;margin-bottom:.5rem;color:var(--gray-800)}.feature-card p{font-size:.8125rem;color:var(--gray-600);line-height:1.5;margin:0}@media (max-width: 640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 400px){.features-grid{grid-template-columns:1fr}}.footer{text-align:center;padding:2rem 0;color:var(--gray-400);font-size:.875rem}.footer p{margin-bottom:.5rem}.footer-links{display:flex;justify-content:center;align-items:center;gap:.5rem}.footer-link{background:none;border:none;color:var(--gray-500);font-size:.875rem;cursor:pointer;padding:0;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .15s}.footer-link:hover{text-decoration-color:var(--gray-500)}.footer-credit{margin-top:1rem;font-size:.8125rem;color:var(--gray-400)}.footer-credit a{color:var(--gray-500);text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .15s,color .15s}.footer-credit a:hover{color:var(--gray-600);text-decoration-color:var(--gray-500)}.footer-separator{color:var(--gray-300)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;animation:fadeIn .2s ease}.modal{background:var(--white);border-radius:12px;max-width:600px;max-height:80vh;overflow-y:auto;position:relative;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:var(--gray-400);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s,color .15s}.modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.modal-content{padding:2rem}.modal-content h2{font-size:1.5rem;margin-bottom:.5rem;padding-right:2rem}.modal-content h3{font-size:1rem;margin-top:1.5rem;margin-bottom:.5rem;color:var(--gray-700)}.modal-content p{color:var(--gray-600);font-size:.9375rem;line-height:1.6;margin-bottom:.75rem}.modal-content ul{margin-left:1.25rem;margin-bottom:.75rem}.modal-content li{color:var(--gray-600);font-size:.9375rem;line-height:1.6;margin-bottom:.25rem}.cta-card{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-800) 100%);border-radius:12px;margin-bottom:1.5rem}.cta-content{flex:1}.cta-title{font-size:1.125rem;font-weight:600;color:var(--white);margin-bottom:.25rem}.cta-text{font-size:.875rem;color:var(--gray-400);margin:0}.cta-button{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;background:var(--white);color:var(--black);border:none;border-radius:8px;cursor:pointer;white-space:nowrap;transition:transform .15s,box-shadow .15s}.cta-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fff3}.modal-contact{max-width:540px;width:100%;height:calc(100vh - 2rem);max-height:none;background:transparent;box-shadow:none;display:flex;flex-direction:column}.modal-contact .modal-close{background:var(--white);border-radius:50%;box-shadow:0 2px 8px #0000001a}.contact-form-container{background:var(--white);border-radius:12px;overflow:hidden;flex:1;display:flex;flex-direction:column}.brevo-iframe{width:100%;flex:1;min-height:500px;border:none;background:var(--white)}@media (max-width: 640px){.container{padding:1.5rem 1rem}.input-group{flex-direction:column}.button{width:100%}.scores-grid{grid-template-columns:repeat(3,1fr)}.score-value{font-size:1.5rem}.cta-card{flex-direction:column;text-align:center}.cta-button{width:100%}}