@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800;900&family=Barlow:wght@400;500;600&display=swap";:root{--af-red: #FF0000;--af-orange: #FF5500;--af-gradient: linear-gradient(135deg, #FF0000 0%, #FF5500 50%, #FF8C00 100%);--af-gradient-h: linear-gradient(90deg, #FF0000 0%, #FF8C00 100%);--bg: #FFFFFF;--bg-card: #F5F5F5;--bg-card-hover: #EBEBEB;--border: #DEDEDE;--border-bright: #CCCCCC;--text: #111111;--text-muted: #666666;--text-dim: #AAAAAA;--green: #22C55E;--green-dim: #16A34A;--yellow: #EAB308;--orange-warn: #F97316;--red-burn: #EF4444;--red-burn-dim: #B91C1C;--blue: #3B82F6;--radius: 8px;--radius-lg: 14px;--gap: 16px;--trans: .18s ease;--font-heading: "Barlow Condensed", sans-serif;--font-body: "Barlow", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.6;min-height:100dvh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:800;letter-spacing:.02em;line-height:1.1;text-transform:uppercase}.app-layout{display:flex;flex-direction:column;min-height:100dvh}.app-main{flex:1}.app-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:100}.header-logo{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0;flex-shrink:1}.header-logo img{height:32px;width:auto;flex-shrink:0}.header-appname{font-family:var(--font-heading);font-weight:900;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;background:var(--af-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.footer-brand{font-family:var(--font-heading);font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.footer-links{display:flex;gap:16px}.footer-links a{font-size:.8rem;color:var(--text-dim);text-decoration:none;transition:color var(--trans)}.footer-links a:hover{color:var(--af-orange)}.footer-version{font-size:.75rem;color:var(--text-dim)}.btn-primary{font-family:var(--font-heading);font-weight:700;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;padding:14px 24px;border-radius:var(--radius);background:var(--af-gradient);color:#fff;border:none;cursor:pointer;transition:var(--trans);display:inline-block;text-align:center;text-decoration:none;min-height:44px}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #ff50004d}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{font-family:var(--font-heading);font-weight:600;font-size:.88rem;letter-spacing:.05em;text-transform:uppercase;padding:10px 18px;border-radius:var(--radius);background:transparent;color:var(--text-muted);border:1px solid var(--border-bright);cursor:pointer;transition:var(--trans);display:inline-block;text-align:center;text-decoration:none;min-height:44px}.btn-secondary:hover{border-color:var(--text-muted);color:var(--text)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px}.card-accent{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--af-orange);border-radius:var(--radius);padding:20px 24px}.gradient-text{background:var(--af-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.eyebrow{font-family:var(--font-heading);font-weight:700;font-size:.85rem;letter-spacing:.2em;color:var(--af-orange);text-transform:uppercase;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--gap)}.form-group label{font-family:var(--font-heading);font-weight:600;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.form-group input,.form-group textarea,.form-group select{width:100%;background:var(--bg);border:1px solid var(--border-bright);border-radius:var(--radius);padding:10px 14px;color:var(--text);font-family:var(--font-body);font-size:.95rem;transition:var(--trans)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--af-orange);box-shadow:0 0 0 3px #ff550026}.form-group input::placeholder{color:var(--text-dim)}@keyframes af-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:af-fade-in .3s ease forwards}@keyframes af-spin{to{transform:rotate(360deg)}}.spinner{width:44px;height:44px;border:4px solid var(--border);border-top-color:var(--af-orange);border-radius:50%;animation:af-spin .75s linear infinite}.lang-toggle{display:flex;align-items:center;gap:5px;padding:5px 12px;background:var(--bg);border:1px solid var(--border-bright);border-radius:20px;font-family:var(--font-heading);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;transition:var(--trans);-webkit-user-select:none;user-select:none;min-height:44px;min-width:44px;justify-content:center;flex-shrink:0}.lang-toggle:hover{border-color:var(--af-orange);color:var(--af-orange)}.lang-toggle:focus-visible{outline:2px solid var(--af-orange);outline-offset:2px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}@media (min-width: 480px){.app-header{padding:12px 24px}.app-footer{padding:16px 24px}}@media (min-width: 900px){.app-header{padding:12px 40px}.app-footer{padding:16px 40px}}.landing{width:100%}.landing-hero{position:relative;overflow:hidden;padding:60px 20px 64px;text-align:center}.landing-hero-glow{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(255,80,0,.1) 0%,transparent 70%);pointer-events:none;z-index:0}.landing-hero-content{position:relative;z-index:1;max-width:640px;margin:0 auto}.landing-hero h1{font-size:clamp(2.4rem,8vw,4.8rem);font-weight:900;margin-bottom:20px}.landing-hero-sub{font-family:var(--font-heading);font-size:1rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:32px}.landing-cta{font-size:1.1rem;padding:16px 40px;width:100%;max-width:320px}.landing-hero-note{margin-top:20px;font-size:.85rem;color:var(--text-dim)}.landing-dimensions{padding:60px 20px;background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.landing-section-inner{max-width:900px;margin:0 auto}.landing-dimensions h2{text-align:center;margin-bottom:12px;font-size:clamp(1.6rem,4vw,2.2rem)}.landing-dimensions-intro{text-align:center;color:var(--text-muted);max-width:560px;margin:0 auto 40px;font-size:.95rem;line-height:1.6}.landing-dimensions-grid{display:grid;grid-template-columns:1fr;gap:16px}.landing-dimension-card{display:flex;flex-direction:column;gap:8px}.landing-dimension-icon{font-size:1.5rem;line-height:1}.landing-dimension-card h3{font-size:1rem;font-weight:800;letter-spacing:.04em}.landing-dimension-card p{font-size:.9rem;color:var(--text-muted);line-height:1.5}.landing-cta-section{padding:60px 20px;text-align:center}.landing-cta-inner h2{font-size:clamp(1.6rem,4vw,2.2rem);margin-bottom:12px}.landing-cta-inner p{color:var(--text-muted);max-width:480px;margin:0 auto 32px;font-size:.95rem;line-height:1.6}@media (min-width: 480px){.landing-hero{padding:72px 24px 80px}.landing-cta{width:auto}}@media (min-width: 600px){.landing-dimensions-grid{grid-template-columns:repeat(2,1fr)}.landing-dimensions,.landing-cta-section{padding:72px 32px}}@media (min-width: 900px){.landing-hero{padding:100px 40px}.landing-dimensions-grid{grid-template-columns:repeat(3,1fr)}.landing-dimension-card:nth-child(4),.landing-dimension-card:nth-child(5){grid-column:span 1}.landing-dimensions,.landing-cta-section{padding:80px 40px}}.start{padding:48px 20px 60px}.start-inner{max-width:560px;margin:0 auto}.start h1{font-size:clamp(1.8rem,5vw,2.6rem);margin-bottom:16px}.start-intro{color:var(--text-muted);line-height:1.6;margin-bottom:32px}.start-block{margin-bottom:28px}.start-block h2{font-size:1rem;margin-bottom:10px}.start-block p{font-size:.95rem;color:var(--text-muted);line-height:1.6}.start-form-explain{font-size:.875rem;color:var(--text-muted);line-height:1.55;margin-bottom:20px}.start-form{display:flex;flex-direction:column;gap:4px}.form-group.has-error input{border-color:var(--red-burn)}.form-group.has-error input:focus{border-color:var(--red-burn);box-shadow:0 0 0 3px #ef444426}.required{color:var(--af-orange);font-size:.85rem}.field-error{font-size:.8rem;color:var(--red-burn);margin-top:2px}.start-field-error-inline{display:block;margin-top:-8px}.start-optional-divider{display:flex;align-items:center;gap:12px;margin:12px 0 4px}.start-optional-divider:before,.start-optional-divider:after{content:"";flex:1;height:1px;background:var(--border)}.start-optional-divider span{font-family:var(--font-heading);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap}.start-checkbox-label{display:flex;align-items:flex-start;gap:12px;margin:12px 0 8px;cursor:pointer;font-size:.9rem;line-height:1.5;color:var(--text-muted)}.start-checkbox-label.has-error{color:var(--red-burn)}.start-checkbox{width:20px;height:20px;min-width:20px;margin-top:2px;accent-color:var(--af-orange);cursor:pointer}.start-privacy-link{color:var(--af-orange);text-decoration:none;font-weight:600}.start-privacy-link:hover{text-decoration:underline}.start-btn{width:100%;margin-top:20px}@media (min-width: 480px){.start{padding:60px 24px 80px}.start-btn{width:auto;min-width:240px}}@media (min-width: 900px){.start{padding:72px 40px 100px}}.scan-notice{min-height:calc(100dvh - 120px);display:flex;align-items:center;justify-content:center;padding:40px 20px}.scan-notice-inner{max-width:540px;width:100%}.scan-notice-inner h2{font-size:1.6rem;margin-bottom:16px}.scan-notice-inner p{font-size:.95rem;color:var(--text-muted);line-height:1.6;margin-bottom:16px}.scan-notice-privacy{font-size:.85rem!important;color:var(--text-dim)!important;margin-bottom:24px!important}.scan-notice-inner .btn-primary{width:100%}@media (min-width: 480px){.scan-notice-inner .btn-primary{width:auto}}.scan-resume-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#3b82f614;border:1px solid var(--blue);border-radius:var(--radius);font-size:.875rem;color:var(--blue)}.scan-resume-dismiss{background:none;border:none;cursor:pointer;color:var(--blue);font-size:1.2rem;line-height:1;padding:2px 6px;border-radius:4px;flex-shrink:0}.scan-resume-dismiss:hover{background:#3b82f626}.scan-global-progress{height:4px;background:var(--border);width:100%}.scan-global-progress-fill{height:100%;background:var(--af-gradient);transition:width .4s ease}.scan{min-height:calc(100dvh - 120px);display:flex;flex-direction:column}.scan-inner{flex:1;max-width:680px;margin:0 auto;padding:32px 20px 60px;width:100%;display:flex;flex-direction:column;gap:32px}.scan-question-wrap{transition:opacity .15s ease}.scan-question-wrap.advancing{opacity:.4}.scan-question-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.scan-question-meta .eyebrow{margin-bottom:0}.scan-question-counter{font-family:var(--font-heading);font-size:.8rem;font-weight:600;letter-spacing:.06em;color:var(--text-dim);text-transform:uppercase}.scan-question-text{font-size:clamp(1.1rem,3vw,1.5rem);font-weight:800;line-height:1.25;margin-bottom:12px;letter-spacing:.01em}.scan-question-hint{font-size:.85rem;color:var(--text)}.scan-likert{display:flex;flex-direction:column;gap:10px}.scan-likert-btn{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--bg);cursor:pointer;transition:var(--trans);text-align:left;min-height:56px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (hover: hover){.scan-likert-btn:hover:not(:disabled){border-color:var(--af-orange);background:#ff55000a}}.scan-likert-btn:focus{outline:none}.scan-likert-btn:focus-visible{outline:2px solid var(--af-orange);outline-offset:2px}.scan-likert-btn.selected{border-color:var(--af-orange);background:#ff550014}.scan-likert-btn:disabled{cursor:not-allowed;opacity:.6}.scan-likert-score{font-family:var(--font-heading);font-weight:900;font-size:1.1rem;color:var(--af-orange);min-width:20px;text-align:center}.scan-likert-btn.selected .scan-likert-score{color:var(--af-orange)}.scan-likert-label{font-family:var(--font-heading);font-weight:700;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text)}.scan-instruction{font-size:.82rem;color:var(--text-dim);line-height:1.5;font-style:italic;margin-bottom:1.5rem}.scan-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px}.scan-prev-btn{font-size:.85rem;padding:8px 16px;min-height:40px;flex-shrink:0}.scan-prev-btn:disabled{opacity:.35;cursor:not-allowed}.scan-progress-text{font-size:.8rem;color:var(--text-dim);text-align:right;flex:1}.scan-complete{min-height:calc(100dvh - 120px);display:flex;align-items:center;justify-content:center;padding:40px 20px}.scan-complete-inner{text-align:center;max-width:400px}.scan-complete-icon{width:72px;height:72px;border-radius:50%;background:var(--af-gradient);color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;animation:af-fade-in .5s ease forwards}.scan-complete-inner h1{font-size:2rem;margin-bottom:12px}.scan-complete-inner p{color:var(--text-muted)}@media (min-width: 480px){.scan-inner{padding:40px 24px 80px}.scan-likert{flex-direction:row;flex-wrap:nowrap}.scan-likert-btn{flex:1;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;text-align:center;min-height:80px}.scan-likert-score{font-size:1.3rem}.scan-likert-label{font-size:.75rem}}@media (min-width: 900px){.scan-inner{padding:48px 40px 100px}.scan-question-text{font-size:1.5rem}}.rapport{width:100%}.rapport-inner{max-width:720px;margin:0 auto;padding:0 20px}.rapport-hero{padding:48px 20px 40px;text-align:center;border-bottom:1px solid var(--border)}.rapport-hero-inner{max-width:560px;margin:0 auto}.rapport-unlock-badge{display:inline-block;font-family:var(--font-heading);font-weight:700;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--green);background:#22c55e1a;border:1px solid var(--green);border-radius:20px;padding:4px 14px;margin-bottom:16px;animation:af-fade-in .5s ease forwards}.rapport-hero h1{font-size:clamp(1.8rem,5vw,2.8rem);margin-bottom:12px}.rapport-subtitle{color:var(--text-muted);font-size:.95rem}.rapport-section{padding:48px 0;border-bottom:1px solid var(--border)}.rapport-section-focus{background:#ff550008}.rapport-section h2{font-size:clamp(1.3rem,3vw,1.7rem);margin-bottom:28px}.rapport-perception{background:#ff55000a;border-left:3px solid var(--af-orange);border-radius:var(--radius);padding:14px 18px;margin-bottom:32px}.rapport-perception p{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin-bottom:8px}.rapport-perception-cta{font-size:.85rem;color:var(--af-orange);text-decoration:none}.rapport-perception-cta:hover{text-decoration:underline}.rapport-pyramid{margin-bottom:32px}.rapport-cta-inline-section{padding:28px 0}.rapport-cta-inline-inner{display:flex;justify-content:center}.rapport-scores{display:flex;flex-direction:column;gap:24px}.rapport-score-row{display:flex;flex-direction:column;gap:6px}.rapport-score-row.is-focus{padding:12px 16px;background:#ff55000a;border-radius:var(--radius);border:1px solid rgba(255,85,0,.2)}.rapport-score-header{display:flex;justify-content:space-between;align-items:center}.rapport-score-label{font-family:var(--font-heading);font-weight:700;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;gap:8px}.rapport-focus-dot{width:8px;height:8px;border-radius:50%;background:var(--af-orange);flex-shrink:0}.rapport-score-value{font-family:var(--font-heading);font-weight:900;font-size:1.3rem}.rapport-score-max{font-weight:400;font-size:.85rem;color:var(--text-dim)}.rapport-bar-track{height:10px;background:var(--border);border-radius:5px;overflow:hidden}.rapport-bar-fill{height:100%;border-radius:5px;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.rapport-score-badge{font-family:var(--font-heading);font-weight:700;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.rapport-focus-card{border-radius:var(--radius-lg)}.rapport-focus-card h2{margin-bottom:8px}.rapport-focus-desc{color:var(--text-muted);font-size:.9rem;margin-bottom:8px}.rapport-focus-dim-desc{font-size:.9rem;color:var(--text-muted);font-style:italic}.rapport-coaching-card{margin-bottom:16px}.rapport-coaching-card:last-child{margin-bottom:0}.rapport-coaching-card.is-focus{border-left:4px solid var(--af-orange)}.rapport-coaching-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.rapport-coaching-header h3{font-size:1rem;font-weight:800}.rapport-coaching-focus-badge{font-family:var(--font-heading);font-weight:700;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--af-orange);background:#ff55001a;border:1px solid var(--af-orange);border-radius:20px;padding:3px 10px}.rapport-coaching-tip{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin-bottom:12px}.rapport-coaching-tip strong{color:var(--text);font-weight:600}.rapport-coaching-actions-label{font-family:var(--font-heading);font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.rapport-coaching-actions ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px}.rapport-coaching-actions li{font-size:.875rem;color:var(--text-muted);padding-left:16px;position:relative;line-height:1.5}.rapport-coaching-actions li:before{content:"→";position:absolute;left:0;color:var(--af-orange);font-weight:700}.rapport-retry-section{padding:40px 0 60px;text-align:center}.rapport-empty{padding:80px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}@media (min-width: 480px){.rapport-hero{padding:60px 24px 48px}}@media (min-width: 900px){.rapport-hero{padding:72px 40px 60px}.rapport-inner{padding:0 40px}.rapport-section{padding:60px 0}}