.auth-page{background:var(--surface);place-items:center;width:100%;min-height:100vh;padding:2rem;display:grid}.auth-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#3336970f 0%,#0000 65%);width:600px;height:600px;position:fixed;top:-20%;right:-10%}.auth-page:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#0045760d 0%,#0000 65%);width:500px;height:500px;position:fixed;bottom:-10%;left:-5%}.auth-card{z-index:1;background:var(--surface-container-lowest);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-float);animation:fadeInUp var(--transition-slow) var(--ease-out-expo) both;padding:3rem 2.5rem;position:relative}.auth-brand{align-items:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.auth-brand .brand-icon{border-radius:var(--radius-md);background:var(--primary-gradient);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.auth-brand .brand-name{font-size:var(--text-title-md);color:var(--on-surface);letter-spacing:-.01em;font-weight:700}.auth-error{color:var(--error);font-size:var(--text-body-lg);border-radius:var(--radius-md);animation:fadeInUp .3s var(--ease-out-expo) both;background:#ba1a1a14;border:1px solid #ba1a1a33;align-items:center;gap:.5rem;margin-top:1.25rem;padding:.875rem 1.125rem;font-weight:500;display:flex}.auth-error svg{flex-shrink:0}.auth-heading{margin-bottom:.5rem}.auth-heading h1{font-size:var(--text-headline-md);color:var(--on-surface);letter-spacing:-.02em;font-weight:700}.auth-heading p{font-size:var(--text-body-lg);color:var(--on-surface-variant);margin-top:.5rem}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.input-group label{font-size:var(--text-label-md);letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant);font-weight:600}.input-group input{background:var(--surface-container-low);border-radius:var(--radius-md);width:100%;font-family:var(--font);font-size:var(--text-body-lg);color:var(--on-surface);transition:background var(--transition-fast), box-shadow var(--transition-fast);border:none;outline:none;padding:.875rem 1.25rem}.input-group input::placeholder{color:var(--on-surface-variant);opacity:.55}.input-group input:focus{background:var(--surface-container-lowest);box-shadow:0 0 0 2px #0045764d}.auth-submit{width:100%;margin-top:.5rem;padding-block:1rem;font-size:1rem}.auth-footer{text-align:center;font-size:var(--text-body-lg);color:var(--on-surface-variant);margin-top:1.5rem}.auth-footer a{color:var(--primary);transition:opacity var(--transition-fast);font-weight:600}.auth-footer a:hover{opacity:.75}.home{background:var(--surface);z-index:1;flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}.home-nav{-webkit-backdrop-filter:blur(24px);z-index:100;width:100%;box-shadow:0 1px 0 var(--outline-variant);background:#f8f9facc;justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex;position:sticky;top:0}@media (width<=640px){.home-nav{padding:1.25rem 1.5rem}}.home-nav .nav-brand{align-items:center;gap:.625rem;display:flex}.home-nav .nav-brand .nav-brand-icon{background:var(--primary-gradient);color:#fff;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.home-nav .nav-brand .nav-brand-name{color:var(--on-surface);letter-spacing:-.01em;font-size:1.0625rem;font-weight:700}.home-nav .nav-label{font-size:var(--text-label-md);letter-spacing:.06em;color:var(--on-surface-variant);font-weight:600}.home-nav .nav-logout-btn{font-size:var(--text-body-lg);color:var(--on-surface-variant);cursor:pointer;transition:color var(--transition-fast);font-weight:500;font-family:var(--font);background:0 0;border:none;align-items:center;gap:.375rem;padding:0;display:inline-flex}.home-nav .nav-logout-btn:hover{color:var(--error)}.home-hero{width:100%;max-width:1100px;animation:fadeInUp var(--transition-slow) var(--ease-out-expo) both;margin:0 auto;padding:5rem 3rem 3rem}@media (width<=640px){.home-hero{padding:3rem 1.5rem 2rem}}.home-hero .hero-chip{margin-bottom:1.5rem}.home-hero h1{font-size:var(--text-display-lg);color:var(--on-surface);letter-spacing:-.02em;max-width:680px;font-weight:700;line-height:1.1}.home-hero h1 .hero-gradient{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.home-hero .hero-sub{color:var(--on-surface-variant);max-width:520px;margin-top:1.25rem;font-size:1.125rem;line-height:1.65}.home-input-section{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:0 3rem 4rem}@media (width<=640px){.home-input-section{padding:0 1.5rem 3rem}}.interview-input-group{animation:fadeInUp var(--transition-slow) .1s var(--ease-out-expo) both;grid-template-columns:1fr .85fr;align-items:start;gap:1.5rem;display:grid}@media (width<=900px){.interview-input-group{grid-template-columns:1fr}}.panel-card{background:var(--surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-ambient);transition:box-shadow var(--transition-normal), transform var(--transition-normal);flex-direction:column;padding:2.5rem;display:flex}.panel-header{margin-bottom:2rem}.panel-header h2{font-size:var(--text-title-md);color:var(--on-surface);align-items:center;gap:.625rem;font-weight:600;display:flex}.panel-header h2 .panel-icon{background:var(--primary-gradient);color:#fff;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.panel-header p{font-size:var(--text-body-lg);color:var(--on-surface-variant);margin-top:.375rem;padding-left:3rem}.panel-textarea{background:var(--surface-container-low);resize:none;border-radius:var(--radius-md);width:100%;min-height:300px;font-family:var(--font);font-size:var(--text-body-lg);color:var(--on-surface);transition:background var(--transition-fast), box-shadow var(--transition-fast);border:none;outline:none;flex:1;padding:1.25rem 1.5rem;line-height:1.6}.panel-textarea::placeholder{color:var(--on-surface-variant);opacity:.5}.panel-textarea:focus{background:var(--surface-container-lowest);box-shadow:0 0 0 2px #0045764d}.right-panel{flex-direction:column;gap:1.5rem;display:flex}.right-card{background:var(--surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-ambient);transition:box-shadow var(--transition-normal), transform var(--transition-normal);flex-direction:column;gap:1rem;padding:2rem 2.5rem;display:flex}.right-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.right-card-label{font-size:var(--text-label-md);letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant);justify-content:space-between;align-items:center;font-weight:600;display:flex}.right-card-label small{text-transform:none;letter-spacing:0;color:var(--on-surface-variant);opacity:.65;font-weight:400}.file-upload-label{cursor:pointer;display:block;position:relative}.file-upload-zone{background:var(--surface-container-low);border-radius:var(--radius-md);width:100%;min-height:110px;transition:background var(--transition-fast), box-shadow var(--transition-fast);outline:1px dashed #c5c5d480;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.file-upload-zone:hover,.file-upload-zone.has-file{background:var(--surface-container-lowest);outline:none;box-shadow:0 0 0 2px #00457638}.file-upload-zone .upload-icon{color:var(--primary);transition:transform var(--transition-normal)}.file-upload-zone:hover .upload-icon,.file-upload-zone.has-file .upload-icon{color:var(--primary-container);transform:translateY(-3px)}.file-upload-zone .upload-text{font-size:var(--text-body-lg);color:var(--on-surface-variant);text-align:center;padding:0 1rem;font-weight:500}.file-upload-zone .upload-text.active{color:var(--secondary)}.file-upload-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.right-textarea{background:var(--surface-container-low);resize:none;border-radius:var(--radius-md);width:100%;min-height:120px;font-family:var(--font);font-size:var(--text-body-lg);color:var(--on-surface);transition:background var(--transition-fast), box-shadow var(--transition-fast);border:none;outline:none;padding:1rem 1.25rem;line-height:1.6}.right-textarea::placeholder{color:var(--on-surface-variant);opacity:.5}.right-textarea:focus{background:var(--surface-container-lowest);box-shadow:0 0 0 2px #0045764d}.form-error-banner{color:var(--error);font-size:var(--text-body-lg);border-radius:var(--radius-md);animation:fadeInUp .3s var(--ease-out-expo) both;background:#ba1a1a14;border:1px solid #ba1a1a33;margin-bottom:1.5rem;padding:.875rem 1.25rem;font-weight:500}.upload-subtext{font-size:var(--text-label-md);color:var(--secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.past-reports-section{animation:fadeInUp var(--transition-slow) .2s var(--ease-out-expo) both;margin-top:3rem}.past-reports-title{font-size:var(--text-title-md);color:var(--on-surface);align-items:center;gap:.625rem;margin-bottom:1.25rem;font-weight:600;display:flex}.past-reports-title svg{color:var(--primary)}.past-reports-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.past-report-card{background:var(--surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-ambient);cursor:pointer;text-align:left;font-family:var(--font);transition:box-shadow var(--transition-normal), transform var(--transition-normal);border:none;padding:1.5rem}.past-report-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-3px)}.past-report-card .prc-title{font-size:var(--text-body-lg);color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-weight:600;overflow:hidden}.past-report-card .prc-meta{font-size:var(--text-label-md);color:var(--on-surface-variant);margin-bottom:.75rem}.past-report-card .prc-score{font-size:var(--text-label-md);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-xl);padding:.25rem .625rem;font-weight:600;display:inline-block}.past-report-card .prc-score.high{color:var(--success);background:#0074441f}.past-report-card .prc-score.medium{color:var(--warning);background:#b453091a}.past-report-card .prc-score.low{color:var(--error);background:#ba1a1a1a}.submit-card{background:var(--surface-container-low);border-radius:var(--radius-lg);box-shadow:none;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.75rem 2.5rem;display:flex}@media (width<=640px){.submit-card{flex-direction:column;align-items:flex-start}}.submit-card .submit-hint{font-size:var(--text-body-lg);color:var(--on-surface-variant);line-height:1.5}.submit-card .submit-hint strong{color:var(--on-surface);font-weight:600}.submit-card .btn-generate{flex-shrink:0;padding:.9375rem 2.25rem}.interview-dashboard{background:var(--surface);flex-direction:column;width:100%;min-height:100vh;display:flex}.dash-nav{-webkit-backdrop-filter:blur(24px);z-index:100;width:100%;box-shadow:0 1px 0 var(--outline-variant);background:#f8f9fad1;justify-content:space-between;align-items:center;padding:1.25rem 3rem;display:flex;position:sticky;top:0}@media (width<=640px){.dash-nav{padding:1rem 1.25rem}}.dash-nav .nav-brand{align-items:center;gap:.625rem;display:flex}.dash-nav .nav-brand .nav-brand-icon{background:var(--primary-gradient);color:#fff;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dash-nav .nav-brand .nav-brand-name{color:var(--on-surface);letter-spacing:-.01em;font-size:1.0625rem;font-weight:700}.dash-nav .nav-right{align-items:center;gap:1rem;display:flex}.dash-nav .nav-back-btn{font-size:var(--text-body-lg);color:var(--on-surface-variant);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:.375rem;padding:0;font-weight:500;display:inline-flex}.dash-nav .nav-back-btn:hover{color:var(--primary)}.dash-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:3rem 3rem 5rem}@media (width<=768px){.dash-content{padding:2rem 1.25rem 4rem}}.dash-header{animation:fadeInUp var(--transition-slow) var(--ease-out-expo) both;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:3rem;display:flex}@media (width<=768px){.dash-header{flex-direction:column;align-items:flex-start;gap:1.5rem}}.dash-header-text .dash-chip{margin-bottom:1rem}.dash-header-text h1{font-size:var(--text-display-lg);color:var(--on-surface);letter-spacing:-.02em;font-weight:700;line-height:1.1}.dash-header-text p{color:var(--on-surface-variant);max-width:480px;margin-top:.75rem;font-size:1.0625rem}.score-ring-wrapper{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);animation:scaleIn var(--transition-slow) .1s var(--ease-out-expo) both;background:#fffc;flex-direction:column;flex-shrink:0;align-items:center;gap:.625rem;padding:1.75rem 2.25rem;display:flex}.score-ring{width:110px;height:110px}.score-ring .ring-bg{fill:none;stroke:var(--surface-container-high);stroke-width:2.8px}.score-ring .ring-fill{fill:none;stroke:var(--primary);stroke-width:2.8px;stroke-linecap:round;animation:progressFill 1.2s var(--ease-out-expo) forwards;transform-origin:50%;transform:rotate(-90deg)}.score-ring .ring-pct{font-family:var(--font);fill:var(--on-surface);text-anchor:middle;dominant-baseline:middle;font-size:.65em;font-weight:700}.score-label{font-size:var(--text-label-md);letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant);font-weight:600}.dash-grid{animation:fadeInUp var(--transition-slow) .15s var(--ease-out-expo) both;grid-template-columns:320px 1fr;align-items:start;gap:2rem;display:grid}@media (width<=1100px){.dash-grid{grid-template-columns:1fr}}.side-panel{flex-direction:column;gap:1.5rem;display:flex}.panel-card{background:var(--surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-ambient);transition:box-shadow var(--transition-normal), transform var(--transition-normal);padding:2rem}.panel-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.panel-card .panel-card-title{font-size:var(--text-title-md);color:var(--on-surface);align-items:center;gap:.625rem;margin-bottom:2rem;font-weight:600;display:flex}.panel-card .panel-card-title .card-title-icon{background:var(--primary-gradient);color:#fff;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.gap-tags{flex-wrap:wrap;gap:.75rem;display:flex}.gap-tag{background:var(--secondary-container);color:var(--on-secondary-container);font-size:var(--text-label-md);letter-spacing:.03em;text-transform:uppercase;border-radius:var(--radius-xl);transition:background var(--transition-fast), transform var(--transition-fast);padding:.4375rem .9375rem;font-weight:600}.gap-tag:hover{background:#7afbb199;transform:translateY(-2px)}.gap-tag--high{color:var(--error);background:#ba1a1a1a}.gap-tag--medium{color:var(--warning);background:#b453091a}.gap-tag--low{color:var(--success);background:#0074441f}.plan-progress-bar{background:var(--surface-container-high);border-radius:99px;width:100%;height:5px;margin-bottom:2rem;overflow:hidden}.plan-progress-bar .plan-progress-fill{background:var(--primary-gradient);height:100%;transition:width 1s var(--ease-out-expo);border-radius:99px}.prep-timeline{flex-direction:column;gap:1.5rem;display:flex}.timeline-item{animation:fadeInUp var(--transition-normal) var(--ease-out-expo) both;gap:1rem;display:flex}.timeline-item .step-bubble{background:var(--primary-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex;box-shadow:0 4px 12px #33369738}.timeline-item .step-body{padding-top:.25rem}.timeline-item .step-body h4{font-size:var(--text-body-lg);color:var(--on-surface);margin-bottom:.5rem;font-weight:600}.timeline-item .step-body p{color:var(--on-surface-variant);font-size:.9375rem;line-height:1.55}.timeline-item .step-tasks{flex-direction:column;gap:.375rem;list-style:none;display:flex}.timeline-item .step-task{color:var(--on-surface-variant);align-items:flex-start;gap:.5rem;font-size:.9rem;line-height:1.5;display:flex}.timeline-item .step-task svg{color:var(--secondary);flex-shrink:0;margin-top:3px}.main-panel{flex-direction:column;gap:1.5rem;display:flex}.tab-bar{background:var(--surface-container-low);border-radius:var(--radius-md);gap:.5rem;width:fit-content;padding:.375rem;display:flex}.tab-btn{color:var(--on-surface-variant);border-radius:calc(var(--radius-md) - .25rem);font-family:var(--font);font-size:var(--text-body-lg);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border:none;padding:.625rem 1.375rem;font-weight:600}.tab-btn:hover{color:var(--on-surface)}.tab-btn.active{background:var(--surface-container-lowest);color:var(--primary);box-shadow:var(--shadow-ambient)}.questions-list{flex-direction:column;gap:1.5rem;display:flex}.question-card{background:var(--surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-ambient);animation:fadeInUp var(--transition-normal) var(--ease-out-expo) both;transition:box-shadow var(--transition-normal), transform var(--transition-normal);padding:2rem}.question-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-3px)}.q-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}@media (width<=640px){.q-header{flex-direction:column;gap:.75rem}}.q-title{font-size:var(--text-title-md);color:var(--on-surface);align-items:flex-start;gap:.5rem;font-weight:600;line-height:1.45;display:flex}.q-title .q-num{color:var(--primary);flex-shrink:0;font-weight:700}.q-rating-chip{font-size:var(--text-label-md);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-xl);white-space:nowrap;flex-shrink:0;align-items:center;gap:.25rem;padding:.375rem .875rem;font-weight:600;display:inline-flex}.q-rating-chip.high{color:var(--success);background:#0074441f}.q-rating-chip.medium{color:var(--warning);background:#b453091a}.q-rating-chip.low{color:var(--error);background:#ba1a1a1a}.q-body{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:2rem;display:grid}@media (width<=700px){.q-body{grid-template-columns:1fr}}.answer-block{background:var(--surface-container-low);border-radius:var(--radius-md);transition:background var(--transition-fast);padding:1.25rem 1.5rem}.answer-block:hover{background:var(--surface-container-lowest)}.answer-block .block-label{font-size:var(--text-label-md);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.375rem;margin-bottom:.75rem;font-weight:600;display:flex}.answer-block p{font-size:var(--text-body-lg);color:var(--on-surface);line-height:1.65}.answer-block.candidate .block-label{color:var(--tertiary)}.answer-block.ideal .block-label{color:var(--secondary)}.feedback-block{background:var(--secondary-container);border-radius:var(--radius-md);padding:1.25rem 1.5rem}.feedback-block .feedback-label{font-size:var(--text-label-md);letter-spacing:.06em;text-transform:uppercase;color:var(--on-secondary-container);align-items:center;gap:.375rem;margin-bottom:.625rem;font-weight:600;display:flex}.feedback-block p{font-size:var(--text-body-lg);color:var(--on-surface);line-height:1.65}.download-row{justify-content:flex-end;margin-top:1.25rem;display:flex}.recent-reports-card{background:var(--surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-ambient);padding:2rem}.recent-reports-card .panel-card-title{margin-bottom:1.5rem}.report-list{flex-direction:column;gap:1.25rem;list-style:none;display:flex}.report-list-item{cursor:pointer;background:var(--surface-container-low);border-radius:var(--radius-md);transition:background var(--transition-fast), transform var(--transition-fast);padding:1rem 1.25rem}.report-list-item:hover{background:var(--surface-container-highest);transform:translate(3px)}.report-list-item.active{background:#33369714;outline:1.5px solid #33369740}.report-list-item h4{font-size:var(--text-body-lg);color:var(--on-surface);margin-bottom:.25rem;font-weight:600}.report-list-item .report-meta{font-size:var(--text-label-md);color:var(--on-surface-variant);letter-spacing:.02em}.report-list-item .report-score{font-size:var(--text-label-md);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-xl);margin-top:.375rem;padding:.25rem .625rem;font-weight:600;display:inline-block}.report-list-item .report-score.high{color:var(--success);background:#0074441f}.report-list-item .report-score.medium{color:var(--warning);background:#b453091a}.report-list-item .report-score.low{color:var(--error);background:#ba1a1a1a}.landing{width:100%;overflow-x:hidden}.landing-nav{z-index:1000;transition:background var(--transition-normal), box-shadow var(--transition-normal);padding:1.25rem 0;position:fixed;top:0;left:0;right:0}.landing-nav.scrolled{-webkit-backdrop-filter:blur(24px);box-shadow:0 1px 0 var(--outline-variant);background:#f8f9faeb}.landing-nav .nav-inner{align-items:center;gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.landing-nav .nav-brand{flex-shrink:0;align-items:center;gap:.625rem;text-decoration:none;display:flex}.landing-nav .nav-brand .brand-icon{background:var(--primary-gradient);color:#fff;border-radius:.625rem;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.landing-nav .nav-brand .brand-name{color:var(--on-surface);letter-spacing:-.01em;font-size:1.0625rem;font-weight:700}.landing-nav .nav-links{align-items:center;gap:.25rem;margin-left:auto;display:flex}@media (width<=768px){.landing-nav .nav-links{display:none}}.landing-nav .nav-link{font-size:var(--text-body-lg);color:var(--on-surface-variant);border-radius:var(--radius-md);transition:color var(--transition-fast), background var(--transition-fast);padding:.5rem .875rem;font-weight:500}.landing-nav .nav-link:hover{color:var(--on-surface);background:var(--surface-container-low)}.landing-nav .nav-actions{align-items:center;gap:.75rem;display:flex}@media (width<=480px){.landing-nav .nav-actions .btn-ghost{display:none}}.landing-nav .btn-ghost{font-size:var(--text-body-lg);color:var(--on-surface-variant);transition:color var(--transition-fast);padding:.5rem 1rem;font-weight:500}.landing-nav .btn-ghost:hover{color:var(--on-surface)}.landing-nav .btn-nav-cta{font-size:var(--text-body-lg);padding:.625rem 1.375rem}.hero-section{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;min-height:100vh;margin:0 auto;padding:8rem 2rem 6rem;display:grid;position:relative;overflow:hidden}@media (width<=1024px){.hero-section{text-align:center;grid-template-columns:1fr;gap:3rem;padding:7rem 1.5rem 4rem}}.hero-bg-orbs{pointer-events:none;z-index:0;position:absolute;inset:0}.hero-bg-orbs .orb{filter:blur(80px);opacity:.5;border-radius:50%;position:absolute}.hero-bg-orbs .orb-1{background:radial-gradient(circle,#33369726 0%,#0000 70%);width:500px;height:500px;animation:8s ease-in-out infinite floatOrb;top:-10%;right:-5%}.hero-bg-orbs .orb-2{background:radial-gradient(circle,#0074441a 0%,#0000 70%);width:400px;height:400px;animation:10s ease-in-out 2s infinite floatOrb;bottom:10%;left:-5%}.hero-bg-orbs .orb-3{background:radial-gradient(circle,#0045761f 0%,#0000 70%);width:300px;height:300px;animation:12s ease-in-out 4s infinite floatOrb;top:40%;right:30%}@keyframes floatOrb{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.05)}}.hero-content{z-index:1;animation:fadeInUp var(--transition-slow) var(--ease-out-expo) both;position:relative}.hero-badge{background:var(--secondary-container);color:var(--on-secondary-container);font-size:var(--text-label-md);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-xl);align-items:center;gap:.5rem;margin-bottom:1.75rem;padding:.5rem 1rem;font-weight:600;display:inline-flex}.hero-badge svg{flex-shrink:0}.hero-headline{letter-spacing:-.03em;color:var(--on-surface);margin-bottom:1.5rem;font-size:clamp(2.75rem,5.5vw,4rem);font-weight:800;line-height:1.1}.hero-gradient-text{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subheadline{color:var(--on-surface-variant);max-width:540px;margin-bottom:2.5rem;font-size:1.125rem;line-height:1.7}@media (width<=1024px){.hero-subheadline{margin:0 auto 2.5rem}}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}@media (width<=1024px){.hero-actions{justify-content:center}}.hero-cta-btn{align-items:center;gap:.625rem;padding:1rem 2rem;font-size:1.0625rem;display:inline-flex}.hero-cta-link{font-size:var(--text-body-lg);color:var(--on-surface-variant);transition:color var(--transition-fast);font-weight:500}.hero-cta-link:hover{color:var(--primary)}.hero-social-proof{align-items:center;gap:.75rem;display:flex}@media (width<=1024px){.hero-social-proof{justify-content:center}}.hero-social-proof .stars{color:#f59e0b;gap:2px;display:flex}.hero-social-proof p{color:var(--on-surface-variant);font-size:.9375rem}.hero-social-proof p strong{color:var(--on-surface)}.hero-visual{z-index:1;animation:fadeInUp var(--transition-slow) .15s var(--ease-out-expo) both;justify-content:center;display:flex;position:relative}@media (width<=1024px){.hero-visual{justify-content:center}}.preview-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:var(--shadow-float), 0 0 0 1px #33369714;background:#fffffff2;width:100%;max-width:380px;padding:1.75rem;animation:6s ease-in-out infinite floatCard}.preview-card .preview-header{gap:6px;margin-bottom:1.5rem;display:flex}.preview-card .preview-header .preview-dot{background:var(--surface-container-high);border-radius:50%;width:12px;height:12px}.preview-card .preview-header .preview-dot:first-child{background:#ef4444}.preview-card .preview-header .preview-dot:nth-child(2){background:#f59e0b}.preview-card .preview-header .preview-dot:last-child{background:#22c55e}.preview-card .preview-score-row{align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.preview-card .preview-score-ring{flex-direction:column;flex-shrink:0;align-items:center;gap:.375rem;display:flex}.preview-card .preview-score-ring svg{width:80px;height:80px}.preview-card .preview-score-ring svg .ring-bg{fill:none;stroke:var(--surface-container-high);stroke-width:2.8px}.preview-card .preview-score-ring svg .ring-fill{fill:none;stroke:var(--primary);stroke-width:2.8px;stroke-linecap:round;transform-origin:50%;animation:progressFill 1.5s var(--ease-out-expo) .5s both;transform:rotate(-90deg)}.preview-card .preview-score-ring svg .ring-pct{font-family:var(--font);fill:var(--on-surface);text-anchor:middle;dominant-baseline:middle;font-size:.65em;font-weight:700}.preview-card .preview-score-ring .ring-label{font-size:var(--text-label-md);color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.preview-card .preview-stats{flex-direction:column;flex:1;gap:.625rem;display:flex}.preview-card .preview-stats .preview-stat{font-size:var(--text-body-lg);color:var(--on-surface-variant);font-weight:500}.preview-card .preview-stats .preview-stat span{color:var(--on-surface);margin-right:.25rem;font-size:1.375rem;font-weight:700}.preview-card .preview-question{background:var(--surface-container-low);border-radius:var(--radius-md);margin-bottom:1rem;padding:1rem}.preview-card .preview-question .pq-label{font-size:var(--text-label-md);letter-spacing:.04em;text-transform:uppercase;color:var(--primary);margin-bottom:.5rem;font-weight:600}.preview-card .preview-question .pq-text{color:var(--on-surface);font-size:.9375rem;font-style:italic;line-height:1.5}.preview-card .preview-tags{flex-wrap:wrap;gap:.5rem;display:flex}.preview-card .preview-tags .ptag{font-size:var(--text-label-md);letter-spacing:.03em;text-transform:uppercase;border-radius:var(--radius-xl);padding:.3rem .75rem;font-weight:600}.preview-card .preview-tags .ptag.high{color:var(--success);background:#0074441f}.preview-card .preview-tags .ptag.medium{color:var(--warning);background:#b453091a}.preview-card .preview-tags .ptag.low{color:var(--error);background:#ba1a1a1a}@keyframes floatCard{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(.5deg)}}.proof-bar{border-top:1px solid var(--outline-variant);border-bottom:1px solid var(--outline-variant);background:var(--surface-container-low);text-align:center;padding:2.5rem 2rem}.proof-bar .proof-label{font-size:var(--text-body-lg);color:var(--on-surface-variant);margin-bottom:1.25rem}.proof-bar .proof-companies{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;display:flex}.proof-bar .proof-company{color:var(--on-surface-variant);opacity:.55;letter-spacing:-.01em;transition:opacity var(--transition-fast);font-size:1.0625rem;font-weight:700}.proof-bar .proof-company:hover{opacity:.85}.section-inner{max-width:1200px;margin:0 auto;padding:0 2rem}.section-label{font-size:var(--text-label-md);letter-spacing:.08em;text-transform:uppercase;color:var(--primary);border-radius:var(--radius-xl);background:#33369714;align-items:center;gap:.375rem;margin-bottom:1.25rem;padding:.375rem .875rem;font-weight:600;display:inline-flex}.section-title{color:var(--on-surface);letter-spacing:-.025em;margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15}.section-sub{color:var(--on-surface-variant);max-width:520px;margin-bottom:3.5rem;font-size:1.0625rem;line-height:1.65}.features-section{background:var(--surface);padding:6rem 0}.features-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (width<=1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.features-grid{grid-template-columns:1fr}}.feature-card{background:var(--surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-ambient);transition:box-shadow var(--transition-normal), transform var(--transition-normal);animation:fadeInUp var(--transition-normal) var(--ease-out-expo) both;padding:2rem}.feature-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-4px)}.feature-card h3{font-size:var(--text-title-md);color:var(--on-surface);margin-bottom:.75rem;font-weight:600}.feature-card p{font-size:var(--text-body-lg);color:var(--on-surface-variant);line-height:1.65}.feature-icon{border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.25rem;display:flex}.feature-icon--primary{background:var(--primary-gradient)}.feature-icon--secondary{background:linear-gradient(135deg,#007444 0%,#00a862 100%)}.feature-icon--tertiary{background:linear-gradient(135deg,#004576 0%,#06a 100%)}.steps-section{background:var(--surface-container-low);padding:6rem 0}.steps-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid;position:relative}@media (width<=1024px){.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.steps-grid{grid-template-columns:1fr}}.step-card{background:var(--surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-ambient);animation:fadeInUp var(--transition-normal) var(--ease-out-expo) both;padding:2rem;position:relative}.step-card .step-num{letter-spacing:-.04em;background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1}.step-card h3{font-size:var(--text-title-md);color:var(--on-surface);margin-bottom:.625rem;font-weight:600}.step-card p{font-size:var(--text-body-lg);color:var(--on-surface-variant);line-height:1.6}.step-card .step-arrow{color:var(--primary);z-index:1;position:absolute;top:2rem;right:-.875rem}@media (width<=1024px){.step-card .step-arrow{display:none}}.testimonials-section{background:var(--surface);padding:6rem 0}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (width<=1024px){.testimonials-grid{grid-template-columns:1fr}}.testimonial-card{background:var(--surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-ambient);transition:box-shadow var(--transition-normal), transform var(--transition-normal);animation:fadeInUp var(--transition-normal) var(--ease-out-expo) both;padding:2rem}.testimonial-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-3px)}.testimonial-card .testimonial-stars{color:#f59e0b;gap:2px;margin-bottom:1rem;display:flex}.testimonial-card .testimonial-quote{color:var(--on-surface);margin-bottom:1.5rem;font-size:1rem;font-style:italic;line-height:1.7}.testimonial-card .testimonial-footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.testimonial-card .testimonial-author{align-items:center;gap:.75rem;display:flex}.testimonial-card .author-avatar{background:var(--primary-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.0625rem;font-weight:700;display:flex}.testimonial-card .author-name{font-size:var(--text-body-lg);color:var(--on-surface);font-weight:600}.testimonial-card .author-role{font-size:var(--text-label-md);color:var(--on-surface-variant);margin-top:2px}.testimonial-card .testimonial-score{border-radius:var(--radius-md);background:#33369714;flex-direction:column;flex-shrink:0;align-items:center;padding:.5rem .75rem;display:flex}.testimonial-card .testimonial-score span:first-child{color:var(--primary);font-size:1.125rem;font-weight:700}.testimonial-card .testimonial-score .score-sub{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem}.pricing-section{background:var(--surface-container-low);padding:6rem 0}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:800px;display:grid}@media (width<=640px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{background:var(--surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-ambient);transition:box-shadow var(--transition-normal);padding:2.5rem;position:relative}.pricing-card--highlight{background:var(--primary-gradient);color:#fff;box-shadow:0 20px 60px #3336974d}.pricing-card--highlight .pricing-name,.pricing-card--highlight .pricing-price,.pricing-card--highlight .pricing-desc,.pricing-card--highlight .pricing-feature-item{color:#ffffffe6}.pricing-card--highlight .price-currency,.pricing-card--highlight .price-amount{color:#fff}.pricing-card--highlight .price-period{color:#ffffffb3}.pricing-card .pricing-badge{background:var(--secondary);color:#fff;font-size:var(--text-label-md);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-xl);white-space:nowrap;padding:.375rem 1.125rem;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.pricing-card .pricing-name{font-size:var(--text-body-lg);letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant);margin-bottom:1rem;font-weight:600}.pricing-card .pricing-price{align-items:baseline;gap:.25rem;margin-bottom:.75rem;display:flex}.pricing-card .pricing-price .price-currency{color:var(--on-surface);font-size:1.5rem;font-weight:600}.pricing-card .pricing-price .price-amount{color:var(--on-surface);letter-spacing:-.04em;font-size:3.5rem;font-weight:800;line-height:1}.pricing-card .pricing-price .price-period{font-size:var(--text-body-lg);color:var(--on-surface-variant)}.pricing-card .pricing-desc{font-size:var(--text-body-lg);color:var(--on-surface-variant);margin-bottom:1.75rem;line-height:1.5}.pricing-card .pricing-features{flex-direction:column;gap:.875rem;margin-bottom:2rem;list-style:none;display:flex}.pricing-card .pricing-feature-item{font-size:var(--text-body-lg);color:var(--on-surface);align-items:center;gap:.625rem;display:flex}.pricing-card .pricing-feature-item svg{color:var(--success);flex-shrink:0}.pricing-card .pricing-cta{justify-content:center;width:100%}.faq-section{background:var(--surface);padding:6rem 0}.faq-list{flex-direction:column;gap:.75rem;max-width:720px;display:flex}.faq-item{background:var(--surface-container-lowest);border-radius:var(--radius-md);box-shadow:var(--shadow-ambient);cursor:pointer;transition:box-shadow var(--transition-fast);overflow:hidden}.faq-item:hover,.faq-item.open{box-shadow:var(--shadow-elevated)}.faq-item.open .faq-chevron{color:var(--primary)}.faq-question{font-size:var(--text-body-lg);color:var(--on-surface);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;font-weight:600;display:flex}.faq-question .faq-chevron{color:var(--on-surface-variant);transition:color var(--transition-fast);flex-shrink:0;font-size:1.5rem;font-weight:300}.faq-answer{animation:fadeInUp .25s var(--ease-out-expo) both;padding:0 1.5rem 1.25rem}.faq-answer p{font-size:var(--text-body-lg);color:var(--on-surface-variant);line-height:1.65}.final-cta-section{background:var(--surface-container-low);text-align:center;padding:8rem 2rem;position:relative;overflow:hidden}.cta-inner{z-index:1;max-width:700px;margin:0 auto;position:relative}.cta-orb{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.cta-orb.cta-orb-1{background:radial-gradient(circle,#3336971f 0%,#0000 70%);width:400px;height:400px;top:-20%;right:-10%}.cta-orb.cta-orb-2{background:radial-gradient(circle,#0074441a 0%,#0000 70%);width:350px;height:350px;bottom:-20%;left:-10%}.cta-title{color:var(--on-surface);letter-spacing:-.025em;margin-top:1rem;margin-bottom:1.25rem;font-size:clamp(2.25rem,4.5vw,3.5rem);font-weight:800;line-height:1.15}.cta-sub{color:var(--on-surface-variant);max-width:480px;margin:0 auto 2.5rem;font-size:1.0625rem;line-height:1.65}.cta-btn{align-items:center;gap:.75rem;padding:1.125rem 2.25rem;font-size:1.0625rem;display:inline-flex}.landing-footer{background:var(--surface);border-top:1px solid var(--outline-variant);padding:3rem 2rem}.landing-footer .footer-inner{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;max-width:1200px;margin:0 auto;display:flex}.landing-footer .footer-brand{align-items:center;gap:.625rem;display:flex}.landing-footer .footer-brand .brand-icon--sm{background:var(--primary-gradient);color:#fff;border-radius:.5rem;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.landing-footer .footer-brand .brand-name{font-size:var(--text-body-lg);color:var(--on-surface);font-weight:700}.landing-footer .footer-tagline{font-size:var(--text-body-lg);color:var(--on-surface-variant)}.landing-footer .footer-links{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.landing-footer .footer-links a{font-size:var(--text-body-lg);color:var(--on-surface-variant);transition:color var(--transition-fast)}.landing-footer .footer-links a:hover{color:var(--primary)}.landing-footer .footer-copy{font-size:var(--text-label-md);color:var(--on-surface-variant);opacity:.7}@media (prefers-reduced-motion:reduce){.feature-card,.step-card,.testimonial-card,.hero-content,.hero-visual,.preview-card,.faq-answer,.orb-1,.orb-2,.orb-3,.preview-card{animation:none!important}}.button{border-radius:var(--radius-xl);cursor:pointer;font-family:var(--font);font-size:var(--text-body-lg);letter-spacing:.01em;transition:transform var(--transition-normal), box-shadow var(--transition-normal), background var(--transition-normal);white-space:nowrap;border:none;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-weight:600;display:inline-flex;position:relative}.button.primary{background:var(--primary-gradient);color:var(--on-primary);box-shadow:0 4px 24px #33369738}.button.primary:hover{transform:scale(1.02);box-shadow:0 8px 40px #33369752}.button.primary:active{transform:scale(.99);box-shadow:0 2px 12px #3336972e}.button.secondary{background:var(--surface-container-highest);color:var(--on-surface);box-shadow:var(--shadow-ambient)}.button.secondary:hover{box-shadow:var(--shadow-elevated);background:var(--surface-container-high);transform:scale(1.02)}.button.secondary:active{transform:scale(.99)}.button.ghost{color:var(--primary);outline:1px solid var(--outline-variant);background:0 0}.button.ghost:hover{background:var(--surface-container-low);transform:scale(1.02)}.button:disabled{opacity:.42;pointer-events:none;box-shadow:none}:root{--surface:#f8f9fa;--surface-container-lowest:#fff;--surface-container-low:#f3f4f5;--surface-container:#eeeff0;--surface-container-high:#e8e9eb;--surface-container-highest:#e2e3e6;--primary:#333697;--primary-container:#4b4fb0;--on-primary:#fff;--primary-gradient:linear-gradient(135deg, #333697 0%, #4b4fb0 100%);--secondary:#007444;--secondary-container:#7afbb166;--on-secondary-container:#007444;--tertiary:#004576;--tertiary-container:#0045761f;--on-surface:#191c1d;--on-surface-variant:#43474e;--outline-variant:#c5c5d426;--error:#ba1a1a;--warning:#b45309;--success:#007444;--font:"Manrope", sans-serif;--text-display-lg:clamp(2.5rem, 5vw, 3.5rem);--text-headline-md:1.75rem;--text-title-md:1.125rem;--text-body-lg:1rem;--text-label-md:.75rem;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:2rem;--radius-xl:3rem;--shadow-ambient:0 8px 40px #191c1d0f;--shadow-elevated:0 16px 60px #191c1d14;--shadow-float:0 24px 80px #191c1d1a;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--transition-fast:.2s var(--ease-out-expo);--transition-normal:.35s var(--ease-out-expo);--transition-slow:.5s var(--ease-out-expo)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:var(--surface);width:100%;min-height:100vh;color:var(--on-surface);font-family:var(--font);background-image:radial-gradient(circle at 10% 20%,#3336970a 0%,#0000 40%),radial-gradient(circle at 90% 80%,#0045760a 0%,#0000 40%);background-attachment:fixed;font-size:16px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font);color:var(--on-surface);line-height:1.2}h1{font-size:var(--text-display-lg);letter-spacing:-.02em;font-weight:700}h2{font-size:var(--text-headline-md);font-weight:600}h3{font-size:var(--text-title-md);font-weight:500}p{font-size:var(--text-body-lg);color:var(--on-surface-variant);font-weight:400;line-height:1.6}a{color:inherit;text-decoration:none}input,textarea,button,select{font-family:var(--font)}.gradient-text{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.insight-chip{background:var(--secondary-container);color:var(--on-secondary-container);font-size:var(--text-label-md);letter-spacing:.04em;border-radius:var(--radius-xl);text-transform:uppercase;align-items:center;gap:.375rem;padding:.375rem .875rem;font-weight:600;display:inline-flex}.card{background:var(--surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-ambient);transition:box-shadow var(--transition-normal), transform var(--transition-normal);padding:2rem}.card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-3px)}.ghost-border{outline:1px solid var(--outline-variant)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface-container-low)}::-webkit-scrollbar-thumb{background:var(--surface-container-highest);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--primary-container)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes progressFill{0%{stroke-dasharray:0 100}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.animate-fade-in{animation:fadeInUp var(--transition-normal) var(--ease-out-expo) both}.loading-screen{background:var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100vh;display:flex}.loading-screen .loading-icon{border-radius:var(--radius-lg);background:var(--primary-gradient);color:#fff;width:56px;height:56px;animation:scaleIn .6s var(--ease-out-expo) both;justify-content:center;align-items:center;display:flex}.loading-screen h1{font-size:var(--text-headline-md);color:var(--on-surface);animation:fadeInUp .5s .1s var(--ease-out-expo) both;font-weight:600}.loading-screen p{color:var(--on-surface-variant);animation:fadeInUp .5s .2s var(--ease-out-expo) both}.loading-screen .loading-bar{background:var(--surface-container-high);width:220px;height:4px;animation:fadeInUp .5s .3s var(--ease-out-expo) both;border-radius:99px;overflow:hidden}.loading-screen .loading-bar:after{content:"";background:var(--primary-gradient);background-size:200%;border-radius:99px;width:50%;height:100%;animation:1.4s linear infinite shimmer;display:block}