@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Roboto:wght@400;500&display=swap";:root{--primary-color: #172121;--primary-light: #2a3434;--primary-dark: #0d1515;--secondary-color: #62afff;--secondary-light: #8cc4ff;--secondary-dark: #4a9aeb;--accent-primary: #12eb93;--accent-secondary: #62afff;--accent-warning: #f59e0b;--accent-error: #ef4444;--text-primary: #172121;--text-secondary: #969696;--text-muted: #dadada;--text-inverse: #ffffff;--text-disabled: #909090;--background-primary: #ffffff;--background-secondary: #f7f6f9;--background-tertiary: #f1f5f9;--background-dark: #172121;--background-accent: #12eb93;--border-light: #e5e7eb;--border-medium: #dadada;--border-dark: #969696;--font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-body: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-h1: clamp(2rem, 4vw + 1rem, 3rem);--font-size-h2: clamp( 1.5rem, 3vw + .5rem, 2rem );--font-size-h3: clamp( 1.25rem, 2vw + .5rem, 1.5rem );--font-size-body: clamp( .875rem, 1vw + .5rem, 1rem );--font-size-caption: clamp( .75rem, .5vw + .5rem, .75rem );--font-size-small: clamp( .75rem, .5vw + .5rem, .875rem );--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-family-body);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--background-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed}ul,ol{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit;transition:all var(--transition-normal)}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem 1rem;border:2px solid var(--border-light);border-radius:var(--radius-md);background:var(--background-primary);font-family:var(--font-family-body);font-size:var(--font-size-body);transition:all var(--transition-normal);position:relative}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #62afff1a,0 4px 12px #62afff26;transform:translateY(-1px)}.form-input:hover,.form-textarea:hover,.form-select:hover{border-color:var(--border-medium);box-shadow:0 2px 8px #1721210d}.form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium);color:var(--text-primary);transition:color var(--transition-fast)}.form-group:focus-within .form-label{color:var(--secondary-color)}.form-floating{position:relative}.form-floating .form-input{padding-top:1.5rem;padding-bottom:.5rem}.form-floating .form-label{position:absolute;top:.75rem;left:1rem;margin:0;pointer-events:none;transition:all var(--transition-normal);background:var(--background-primary);padding:0 .25rem}.form-floating .form-input:focus+.form-label,.form-floating .form-input:not(:placeholder-shown)+.form-label{top:-.5rem;left:.75rem;font-size:.75rem;color:var(--secondary-color)}.form-checkbox,.form-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;border:2px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--background-primary);cursor:pointer;transition:all var(--transition-fast);position:relative}.form-checkbox:checked,.form-radio:checked{background:var(--secondary-color);border-color:var(--secondary-color)}.form-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.875rem;font-weight:700}.form-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border-radius:50%}.form-checkbox:hover,.form-radio:hover{border-color:var(--secondary-color);box-shadow:0 0 0 3px #62afff1a}.form-toggle{position:relative;display:inline-block;width:3rem;height:1.5rem}.form-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--border-medium);transition:var(--transition-normal);border-radius:1.5rem}.toggle-slider:before{position:absolute;content:"";height:1.125rem;width:1.125rem;left:.1875rem;bottom:.1875rem;background:#fff;transition:var(--transition-normal);border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.toggle-slider{background:var(--secondary-color)}input:checked+.toggle-slider:before{transform:translate(1.5rem)}.toggle-slider:hover{box-shadow:0 0 0 3px #62afff1a}button{background:none;border:none;cursor:pointer}table{border-collapse:collapse;border-spacing:0}:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:6px;background:#000;color:#fff;padding:8px;text-decoration:none;z-index:1000;border-radius:4px}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);color:var(--text-primary);margin:0;line-height:var(--line-height-tight)}h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md)}h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md)}p,li,span,div,.caption,small,.form-label,.form-input,.form-textarea,.form-select,.btn,.loading-placeholder,.footer-nav-list a,.content-nav-link{font-family:var(--font-family-body)}p,li,span,div{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--text-primary)}.caption,small{font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);color:var(--text-secondary)}a{color:var(--accent-secondary);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:all var(--transition-fast);position:relative}a:hover{color:var(--secondary-dark);text-decoration-thickness:2px;transform:translateY(-1px)}a:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:3px;border-radius:var(--radius-sm)}.link-animated{text-decoration:none;position:relative;overflow:hidden}.link-animated:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--secondary-color));transition:width var(--transition-normal)}.link-animated:hover:after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-family:var(--font-family-body);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:all var(--transition-normal);min-width:140px;min-height:44px;position:relative;overflow:hidden;user-select:none;-webkit-user-select:none}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),#0de085);color:var(--text-primary);border:2px solid transparent;box-shadow:0 4px 15px #12eb934d}.btn-primary:hover{background:linear-gradient(135deg,#0de085,var(--accent-primary));transform:translateY(-3px);box-shadow:0 8px 25px #12eb9366}.btn-primary:active{transform:translateY(-1px);box-shadow:0 4px 15px #12eb9380}.btn-secondary{background:linear-gradient(135deg,var(--secondary-color),#4a9aeb);color:var(--text-inverse);border:2px solid transparent;box-shadow:0 4px 15px #62afff4d}.btn-secondary:hover{background:linear-gradient(135deg,#4a9aeb,var(--secondary-color));transform:translateY(-3px);box-shadow:0 8px 25px #62afff66}.btn-secondary:active{transform:translateY(-1px);box-shadow:0 4px 15px #62afff80}.btn-outline{background:transparent;color:var(--secondary-color);border:2px solid var(--secondary-color);box-shadow:none}.btn-outline:hover{background:var(--secondary-color);color:var(--text-inverse);transform:translateY(-3px);box-shadow:0 8px 25px #62afff4d}.btn-ghost{background:transparent;color:var(--text-primary);border:2px solid transparent;box-shadow:none}.btn-ghost:hover{background:var(--background-secondary);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-sm{padding:.5rem 1rem;font-size:var(--font-size-small);min-width:100px;min-height:36px}.btn-lg{padding:1rem 2rem;font-size:clamp(1rem,1.5vw + .5rem,1.125rem);min-width:180px;min-height:52px}.btn-icon{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.btn-icon .icon{transition:transform var(--transition-fast)}.btn-icon:hover .icon{transform:translate(2px)}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff80;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn-ripple:active:before{width:300px;height:300px}.header-container,.content-container,.footer-container{max-width:1200px;margin:0 auto;padding:0 1rem;width:100%}.gap-analysis-page{min-height:100vh;background:var(--background-primary)}.gap-analysis-page .content-container{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.gap-analysis-page .back-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-family-body);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.gap-analysis-page .back-button:hover{background:var(--background-secondary);color:var(--text-primary);border-color:var(--border-medium);transform:translateY(-1px)}.gap-analysis-page .back-button svg{transition:transform var(--transition-fast)}.gap-analysis-page .back-button:hover svg{transform:translate(-2px)}.gap-analysis-page .dashboard-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.gap-analysis-page .dashboard-section{background:var(--background-primary);border-radius:var(--radius-lg);padding:0;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.gap-analysis-page .dashboard-section-content{padding:var(--spacing-xl);margin:0}.gap-analysis-page .dashboard-section-content.analysis-summary{max-width:none;margin:0}.gap-analysis-page .loading-container,.gap-analysis-page .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-3xl);min-height:400px}.gap-analysis-page .loading-container h2,.gap-analysis-page .error-state h2{font-family:var(--font-family-heading);font-size:var(--font-size-h2);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-md)}.gap-analysis-page .loading-container p,.gap-analysis-page .error-state p{font-family:var(--font-family-body);font-size:var(--font-size-body);color:var(--text-secondary);margin-bottom:var(--spacing-lg);max-width:500px}.gap-analysis-page .loading-steps{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.gap-analysis-page .loading-step{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-secondary);border-radius:var(--radius-md);opacity:.5;transition:opacity var(--transition-normal)}.gap-analysis-page .loading-step.active{opacity:1}.gap-analysis-page .step-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--secondary-color);color:var(--text-inverse);border-radius:50%;font-weight:var(--font-weight-bold);font-size:var(--font-size-small)}.gap-analysis-page .error-state .error-icon{color:var(--accent-error);margin-bottom:var(--spacing-lg)}.gap-analysis-page .error-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.gap-analysis-page .header-top{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.gap-analysis-page .header-actions{justify-content:flex-start;flex-wrap:wrap}.gap-analysis-page .header-main{flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg)}.gap-analysis-page .report-info h1{font-size:var(--font-size-h2)}.gap-analysis-page .report-meta{gap:var(--spacing-xs)}.gap-analysis-page .meta-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.gap-analysis-page .meta-label{min-width:auto}.gap-analysis-page .score-display{align-self:center}.gap-analysis-page .score-number-center{font-size:2rem}.gap-analysis-page .loading-steps{align-items:stretch}.gap-analysis-page .loading-step{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.gap-analysis-page .error-actions{flex-direction:column;align-items:center}}@media (max-width: 480px){.gap-analysis-page .header-main{padding:var(--spacing-md)}.gap-analysis-page .report-info h1{font-size:clamp(1.5rem,4vw,2rem)}.gap-analysis-page .header-actions{flex-direction:column;align-items:stretch}.gap-analysis-page .header-actions .btn{justify-content:center}.gap-analysis-page .score-number-center{font-size:1.75rem}.gap-analysis-page .score-circle-container{gap:var(--spacing-xs)}}.gap-analysis-page .gap-analysis-header{margin-bottom:var(--spacing-2xl)}.gap-analysis-page .header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.gap-analysis-page .header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.gap-analysis-page .header-main{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl);padding:var(--spacing-xl);background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.gap-analysis-page .report-info{flex:1}.gap-analysis-page .report-info h1{font-family:var(--font-family-heading);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-lg);line-height:var(--line-height-tight)}.gap-analysis-page .report-meta{display:flex;flex-direction:column;gap:var(--spacing-sm)}.gap-analysis-page .meta-item{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-family-body);font-size:var(--font-size-body)}.gap-analysis-page .meta-label{font-weight:var(--font-weight-medium);color:var(--text-secondary);min-width:80px}.gap-analysis-page .meta-value{color:var(--text-primary)}.gap-analysis-page .url-link{color:var(--accent-secondary);text-decoration:none;transition:color var(--transition-fast)}.gap-analysis-page .url-link:hover{color:var(--secondary-dark);text-decoration:underline}.gap-analysis-page .score-display{flex-shrink:0}.gap-analysis-page .score-circle-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.gap-analysis-page .score-circle{position:relative;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.gap-analysis-page .score-number-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-family-heading);font-size:2.25rem;font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1;text-align:center}.gap-analysis-page .score-label-below{font-family:var(--font-family-body);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-align:center;text-transform:uppercase;letter-spacing:.5px}.gap-analysis-page .score-circle-container:hover .score-circle{transform:scale(1.05);transition:transform var(--transition-normal)}.gap-analysis-page .score-circle-container:hover .score-number-center{color:var(--accent-secondary);transition:color var(--transition-normal)}.gap-analysis-page .score-circle{transition:transform var(--transition-normal)}.gap-analysis-page .score-number-center{transition:color var(--transition-normal)}.gap-analysis-page .gap-analysis-header{animation:fadeIn .6s ease-out}.gap-analysis-page .header-main{animation:slideInUp .6s ease-out .1s both}.gap-analysis-page .dashboard-section{animation:slideInUp .6s ease-out .2s both}.gap-analysis-page .score-number-center{animation:scoreCountUp 1.2s ease-out .3s both}.gap-analysis-page .score-label-below{animation:fadeIn .6s ease-out .8s both}@keyframes scoreCountUp{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (prefers-reduced-motion: reduce){.gap-analysis-page .gap-analysis-header,.gap-analysis-page .header-main,.gap-analysis-page .dashboard-section{animation:none}.gap-analysis-page .back-button:hover,.gap-analysis-page .score-circle-container:hover .score-circle{transform:none}.gap-analysis-page .score-circle,.gap-analysis-page .score-number-center,.gap-analysis-page .score-label-below{transition:none;animation:none}}.gap-analysis-page .saving-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.gap-analysis-page .saving-content{background:var(--background-primary);padding:var(--spacing-xl);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--spacing-md);box-shadow:var(--shadow-lg);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);color:var(--text-primary)}.container-narrow{max-width:800px;margin:0 auto;padding:0 1rem;width:100%}.container-wide{max-width:1400px;margin:0 auto;padding:0 1rem;width:100%}.container-full{width:100%;padding:0 1rem}.grid{display:grid;gap:var(--spacing-md);width:100%}.grid-1,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.grid-auto-fill{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}.grid-gap-sm{gap:var(--spacing-sm)}.grid-gap-md{gap:var(--spacing-md)}.grid-gap-lg{gap:var(--spacing-lg)}.grid-gap-xl{gap:var(--spacing-xl)}.flex{display:flex;gap:var(--spacing-md)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.flex-2{flex:2}.flex-3{flex:3}.flex-auto{flex:auto}.flex-none{flex:none}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.content-center{align-content:center}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}html{scroll-behavior:smooth;scroll-padding-top:80px}:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:2px;border-radius:var(--radius-sm);transition:outline var(--transition-fast)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .6s ease-out forwards}.animate-slide-in-right{animation:slideInRight .6s ease-out forwards}.animate-pulse{animation:pulse 2s infinite}.animate-bounce{animation:bounce 1s infinite}.animate-float{animation:float 3s ease-in-out infinite}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{position:relative;transition:all var(--transition-normal)}.hover-glow:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--accent-primary),var(--secondary-color));border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--transition-normal)}.hover-glow:hover:before{opacity:.7}.btn-interactive{position:relative;overflow:hidden;transition:all var(--transition-normal)}.btn-interactive:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn-interactive:active:before{width:300px;height:300px}.btn-interactive:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.shimmer{position:relative;overflow:hidden;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.shimmer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 1.5s infinite}.page-transition{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.stagger-animation>*{opacity:0;transform:translateY(20px);animation:fadeIn .6s ease forwards}.stagger-animation>*:nth-child(1){animation-delay:.1s}.stagger-animation>*:nth-child(2){animation-delay:.2s}.stagger-animation>*:nth-child(3){animation-delay:.3s}.stagger-animation>*:nth-child(4){animation-delay:.4s}.stagger-animation>*:nth-child(5){animation-delay:.5s}.stagger-animation>*:nth-child(6){animation-delay:.6s}.image-gallery,.app-mockup-gallery{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--background-primary);box-shadow:var(--shadow-md)}.gallery-container{position:relative;width:100%;height:300px;overflow:hidden}.gallery-image,.mockup-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--transition-normal);border-radius:var(--radius-lg)}.gallery-image.active,.mockup-image.active{opacity:1}.gallery-navigation{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 var(--spacing-md);pointer-events:none}.gallery-prev,.gallery-next{width:44px;height:44px;border-radius:50%;background:#ffffffe6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);pointer-events:auto;box-shadow:var(--shadow-sm)}.gallery-prev:hover,.gallery-next:hover{background:var(--background-primary);transform:scale(1.1);box-shadow:var(--shadow-md)}.gallery-prev:disabled,.gallery-next:disabled{opacity:.5;cursor:not-allowed;transform:none}.gallery-prev svg,.gallery-next svg{color:var(--text-primary)}.gallery-indicators{position:absolute;bottom:var(--spacing-md);left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-xs)}.gallery-dot{width:12px;height:12px;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;transition:all var(--transition-fast)}.gallery-dot.active{background:var(--accent-primary);transform:scale(1.2)}.gallery-dot:hover{background:#fffc}.accordion,.faq-accordion{border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;background:var(--background-primary)}.accordion-item{border-bottom:1px solid var(--border-light)}.accordion-item:last-child{border-bottom:none}.accordion-header{width:100%;padding:0;margin:0;background:none;border:none}.accordion-button{width:100%;padding:var(--spacing-lg);background:var(--background-primary);border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-family-heading);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary);transition:all var(--transition-fast);min-height:60px}.accordion-button:hover{background:var(--background-secondary)}.accordion-button:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:-2px}.accordion-button:after{content:"+";font-size:1.5rem;font-weight:700;color:var(--accent-secondary);transition:transform var(--transition-fast)}.accordion-item.active .accordion-button:after{transform:rotate(45deg)}.accordion-content{padding:0 var(--spacing-lg) var(--spacing-lg);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.accordion-item.active .accordion-button{background:var(--background-secondary);color:var(--accent-secondary)}.tabs,.content-tabs{background:var(--background-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.tab-list{display:flex;background:var(--background-secondary);border-bottom:1px solid var(--border-light);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-list::-webkit-scrollbar{display:none}.tab-button{flex:1;min-width:120px;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;cursor:pointer;font-family:var(--font-family-heading);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-secondary);transition:all var(--transition-fast);position:relative;white-space:nowrap}.tab-button:hover{color:var(--text-primary);background:#62afff1a}.tab-button:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:-2px}.tab-button.active{color:var(--accent-secondary);background:var(--background-primary)}.tab-button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--secondary-color))}.tab-panel{padding:var(--spacing-xl);color:var(--text-primary);line-height:var(--line-height-relaxed);display:none}.tab-panel h3{margin-bottom:var(--spacing-md);color:var(--text-primary)}.tab-panel p{margin-bottom:var(--spacing-md)}.tab-panel:last-child{margin-bottom:0}@media (max-width: 768px){.gallery-navigation{padding:0 var(--spacing-sm)}.gallery-prev,.gallery-next{width:40px;height:40px}.accordion-button{padding:var(--spacing-md);font-size:var(--font-size-small)}.accordion-content{padding:0 var(--spacing-md) var(--spacing-md)}.tab-button{min-width:100px;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-small)}.tab-panel{padding:var(--spacing-lg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.accordion-content{animation:slideDown .3s ease-out}.tab-panel{animation:fadeInScale .2s ease-out}.gallery-image.active{animation:fadeInScale .4s ease-out}@media (prefers-reduced-motion: reduce){.gallery-image,.accordion-content,.tab-panel,.gallery-dot,.accordion-button:after{transition:none;animation:none}}.gallery-prev:focus-visible,.gallery-next:focus-visible,.gallery-dot:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:2px}@media (hover: none) and (pointer: coarse){.gallery-prev,.gallery-next{width:48px;height:48px}.gallery-dot{width:16px;height:16px}.accordion-button{min-height:64px}.tab-button{min-height:48px}}.interactive-demo-section{padding:var(--spacing-3xl) 0;background:var(--background-secondary)}.demo-component{margin-bottom:var(--spacing-3xl)}.demo-component:last-child{margin-bottom:0}.demo-component h3{font-family:var(--font-family-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-lg);text-align:center}.gallery-container{max-width:600px;margin:0 auto}.tab-panel ul{list-style:none;padding:0;margin-top:var(--spacing-md)}.tab-panel li{padding:var(--spacing-xs) 0;padding-left:var(--spacing-lg);position:relative;color:var(--text-secondary)}.tab-panel li:before{content:"✓";position:absolute;left:0;color:var(--accent-primary);font-weight:700}.site-header{background:var(--background-primary);border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.site-header.scrolled{background:#fffffff2;box-shadow:var(--shadow-md);border-bottom-color:var(--border-medium)}.header-container{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}h1,h2,h3,h4,h5,h6,.site-logo,.nav-menu a,.card-title,.route-title,.content-navigation .nav-header h2{font-family:var(--font-family-heading)}.site-branding{display:flex;align-items:center}.site-title{margin:0;font-size:var(--font-size-h3);font-weight:var(--font-weight-bold)}.site-title a{color:var(--text-primary);text-decoration:none;position:relative;display:inline-block;transition:color var(--transition-fast)}.site-title a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--secondary-color));transition:width var(--transition-normal);border-radius:1px}.site-title a:hover:after,.site-title a:focus:after{width:100%}.site-title a:hover,.site-title a:focus{color:var(--accent-secondary)}.site-logo{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--text-primary);text-decoration:none}.nav-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;background:none;border:none;cursor:pointer;padding:.25rem;z-index:101;border-radius:var(--radius-sm);transition:var(--transition-fast);min-width:44px;min-height:44px}.nav-toggle:hover{background-color:var(--background-secondary)}.nav-toggle:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:2px}.nav-toggle span{display:block;width:1.5rem;height:2px;background-color:var(--text-primary);margin:2px 0;transition:all var(--transition-fast);transform-origin:center;border-radius:1px}.nav-toggle[aria-expanded=true] span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0;transform:scale(0)}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.nav-toggle[aria-expanded=true]{background-color:var(--background-secondary)}.nav-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--background-primary);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-xl);transform:translate(-100%);transition:transform var(--transition-normal);z-index:100;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden}.nav-menu[aria-expanded=true]{transform:translate(0)}.nav-menu:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;z-index:-1}.nav-menu li{opacity:0;transform:translateY(20px);transition:opacity var(--transition-normal),transform var(--transition-normal);width:100%;max-width:300px;text-align:center}.nav-menu[aria-expanded=true] li{opacity:1;transform:translateY(0)}.nav-menu[aria-expanded=true] li:nth-child(1){transition-delay:.1s}.nav-menu[aria-expanded=true] li:nth-child(2){transition-delay:.15s}.nav-menu[aria-expanded=true] li:nth-child(3){transition-delay:.2s}.nav-menu[aria-expanded=true] li:nth-child(4){transition-delay:.25s}.nav-menu[aria-expanded=true] li:nth-child(5){transition-delay:.3s}.nav-menu a{font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);color:var(--text-primary);text-decoration:none;padding:var(--spacing-lg) var(--spacing-xl);transition:color var(--transition-fast);min-height:56px;display:flex;align-items:center;justify-content:center;width:100%;position:relative}.nav-menu a:after{content:"";position:absolute;bottom:calc(var(--spacing-lg) - 2px);left:var(--spacing-xl);width:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--secondary-color));transition:width var(--transition-normal);border-radius:1px}.nav-menu a:hover,.nav-menu a:focus{color:var(--accent-secondary)}.nav-menu a:hover:after,.nav-menu a:focus:after{width:calc(100% - (var(--spacing-xl) * 2))}.nav-menu a.active,.nav-menu a[aria-current=page]{color:var(--accent-secondary)}.nav-menu a.active:after,.nav-menu a[aria-current=page]:after{width:calc(100% - (var(--spacing-xl) * 2));background:linear-gradient(90deg,var(--accent-primary),var(--secondary-color))}.nav-menu a:active:before{width:300px;height:300px;opacity:1}.nav-menu a{transition:all var(--transition-normal)}.nav-menu a:hover{background:linear-gradient(135deg,#62afff1a,#12eb930d)}.nav-toggle:hover{background:linear-gradient(135deg,var(--background-secondary),rgba(98,175,255,.1));transform:scale(1.05)}.nav-toggle:active{transform:scale(.95)}.nav-menu{background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-menu:before{background:linear-gradient(135deg,#ffffffe6,#f7f6f9f2)}.main-content{min-height:calc(100vh - 200px);position:relative}.content-section{padding:var(--spacing-xl) 0;position:relative}.content-section-narrow{padding:var(--spacing-lg) 0}.content-section-wide{padding:var(--spacing-2xl) 0}.section-bg-primary{background-color:var(--background-primary)}.section-bg-secondary{background-color:var(--background-secondary)}.section-bg-dark{background-color:var(--background-dark);color:var(--text-inverse)}.section-bg-gradient{background:linear-gradient(135deg,var(--background-primary) 0%,var(--background-secondary) 100%)}.content-box{background:var(--background-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border:1px solid var(--border-light);position:relative;overflow:hidden}.content-box:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--secondary-color));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.content-box:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 40px #1721211f,0 8px 16px #62afff26,0 0 0 1px #62afff1a;border-color:var(--secondary-color)}.content-box:hover:before{transform:scaleX(1)}.content-box:hover:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#12eb931a,#62afff1a,#12eb931a);border-radius:calc(var(--radius-lg) + 2px);z-index:-1;opacity:.7}.content-box-elevated{box-shadow:0 8px 20px #1721211f,0 3px 8px #62afff14;border-color:var(--border-medium)}.content-box-elevated:before{transform:scaleX(1)}.content-box-flat{box-shadow:none;border:2px solid var(--border-light);background:linear-gradient(135deg,var(--background-primary) 0%,var(--background-secondary) 100%)}.content-box-primary{background:linear-gradient(135deg,var(--background-primary) 0%,#f8fafc 100%);border-color:var(--secondary-color)}.content-box-primary:before{background:var(--secondary-color);transform:scaleX(1)}.content-box-accent{background:linear-gradient(135deg,#12eb930d,#62afff0d);border-color:var(--accent-primary)}.content-box-accent:before{background:var(--accent-primary);transform:scaleX(1)}.content-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:1fr}.content-grid-2,.content-grid-3,.content-grid-4{grid-template-columns:1fr}.site-footer{background:var(--background-secondary);border-top:1px solid var(--border-light);padding:var(--spacing-xl) 0;margin-top:var(--spacing-xl)}.hero-section{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--background-primary) 0%,var(--background-secondary) 100%);min-height:85vh;display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--border-light)}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,rgba(98,175,255,.08) 0%,transparent 60%),radial-gradient(circle at 80% 70%,rgba(18,235,147,.06) 0%,transparent 60%),linear-gradient(45deg,rgba(23,33,33,.02) 0%,transparent 50%);z-index:1}.hero-section:after{content:"";position:absolute;top:10%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(98,175,255,.1) 0%,transparent 70%);border-radius:50%;z-index:1;animation:float 8s ease-in-out infinite}.hero-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:1fr;gap:var(--spacing-3xl);align-items:center;position:relative;z-index:2}.hero-content{text-align:center;position:relative}.hero-title{font-family:var(--font-family-heading);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);color:var(--text-primary);line-height:var(--line-height-tight);text-shadow:0 2px 4px rgba(23,33,33,.1);position:relative}.hero-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--secondary-color));border-radius:2px}.hero-subtitle{font-size:clamp(1.25rem,2.5vw + .5rem,1.75rem);font-weight:var(--font-weight-medium);color:var(--secondary-color);margin-bottom:var(--spacing-lg);font-family:var(--font-family-heading);text-shadow:0 1px 2px rgba(98,175,255,.2)}.hero-description{font-size:clamp(1rem,1.5vw + .5rem,1.25rem);color:var(--text-secondary);margin-bottom:var(--spacing-2xl);max-width:650px;margin-left:auto;margin-right:auto;line-height:var(--line-height-relaxed);font-weight:var(--font-weight-regular)}.hero-cta-group{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-2xl);position:relative}.hero-cta-group:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:radial-gradient(ellipse,rgba(98,175,255,.1) 0%,transparent 70%);border-radius:var(--radius-xl);z-index:-1;opacity:0;transition:opacity var(--transition-normal)}.hero-visual{display:flex;flex-direction:column;gap:var(--spacing-xl);align-items:center;position:relative}.hero-visual:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:radial-gradient(circle at 30% 20%,rgba(18,235,147,.05) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(98,175,255,.05) 0%,transparent 50%);border-radius:var(--radius-xl);z-index:-1}.hero-app-mockup{max-width:420px;width:100%;position:relative}.hero-app-mockup:before{content:"";position:absolute;top:-15px;left:-15px;right:-15px;bottom:-15px;background:linear-gradient(135deg,#62afff33,#12eb9333);border-radius:calc(var(--radius-xl) + 15px);z-index:-1;opacity:0;transition:opacity var(--transition-normal)}.hero-app-mockup:hover:before{opacity:1}.mockup-container{background:var(--background-primary);border-radius:var(--radius-xl);box-shadow:0 10px 25px #1721211a,0 4px 10px #62afff1a;overflow:hidden;border:1px solid var(--border-light);transition:all var(--transition-normal);position:relative}.mockup-container:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 25px 50px #17212126,0 10px 20px #62afff33;border-color:var(--secondary-color)}.mockup-header{background:linear-gradient(135deg,var(--background-secondary),#f0f4f8);padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);border-bottom:1px solid var(--border-light);position:relative}.mockup-header:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left var(--transition-slow)}.mockup-container:hover .mockup-header:after{left:100%}.mockup-controls{display:flex;gap:.375rem}.control-dot{width:10px;height:10px;border-radius:50%;transition:all var(--transition-fast);cursor:pointer}.control-dot:hover{transform:scale(1.2);box-shadow:0 2px 4px #0003}.control-red{background:linear-gradient(135deg,#ff5f57,#f44);box-shadow:0 1px 3px #ff5f574d}.control-yellow{background:linear-gradient(135deg,#ffbd2e,orange);box-shadow:0 1px 3px #ffbd2e4d}.control-green{background:linear-gradient(135deg,#28ca42,#20b038);box-shadow:0 1px 3px #28ca424d}.mockup-url{font-size:var(--font-size-caption);color:var(--text-secondary);margin-left:auto;font-family:var(--font-family-body)}.mockup-content{padding:var(--spacing-lg);min-height:200px;background:linear-gradient(135deg,var(--background-primary) 0%,var(--background-secondary) 100%);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:var(--font-size-small);position:relative}.mockup-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(98,175,255,.05) 50%,transparent 70%),radial-gradient(circle at 70% 30%,rgba(18,235,147,.03) 0%,transparent 50%);animation:float 6s ease-in-out infinite}.dashboard-container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md);min-height:calc(100vh - 200px);background:var(--background-primary)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-light);position:relative}.dashboard-header:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--secondary-color))}.dashboard-header-actions{display:flex;gap:var(--spacing-md);align-items:center}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--secondary-color));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--secondary-color)}.score-excellent{color:var(--accent-primary)}.score-good{color:var(--secondary-color)}.score-fair{color:var(--accent-warning)}.score-poor{color:var(--accent-error)}.dashboard-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.dashboard-section{background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-light)}.section-count{background:var(--background-secondary);color:var(--text-secondary);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.analysis-card{background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.analysis-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--border-light);transition:background var(--transition-normal)}.analysis-card[data-status=completed]:before{background:var(--accent-primary)}.analysis-card[data-status=pending]:before{background:var(--accent-warning)}.analysis-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--secondary-color)}.status-badge{padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.status-archived{background:var(--background-secondary);color:var(--text-secondary);border:1px solid var(--border-medium)}.analysis-score{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.analysis-meta{display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);font-size:var(--font-size-small);color:var(--text-secondary)}.analysis-date,.analysis-recommendations{display:flex;align-items:center;gap:.25rem}.analysis-actions .btn{font-size:var(--font-size-small);padding:.5rem .75rem;min-width:auto;min-height:auto}.btn-text{background:none;border:none;color:var(--secondary-color);font-size:var(--font-size-small);padding:.25rem .5rem;cursor:pointer;transition:color var(--transition-fast);text-decoration:none}.btn-text:hover{color:var(--secondary-dark);background:#62afff1a;border-radius:var(--radius-sm)}.mark-done-btn{margin-left:auto}.dashboard-header{position:relative;background:linear-gradient(135deg,var(--background-primary) 0%,var(--background-secondary) 100%);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.dashboard-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--secondary-color));border-radius:var(--radius-lg) var(--radius-lg) 0 0}.dashboard-stats{margin-bottom:var(--spacing-2xl)}.stat-card{background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-normal);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--secondary-color));transform:scaleX(0);transition:transform var(--transition-normal)}.stat-card:hover:before{transform:scaleX(1)}.stat-value{font-size:2.5rem;font-weight:var(--font-weight-bold);font-family:var(--font-family-heading);color:var(--text-primary);margin:0}.analysis-card{background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-normal);position:relative;overflow:hidden}.analysis-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--secondary-color));transform:scaleX(0);transition:transform var(--transition-normal)}.analysis-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--secondary-color)}.analysis-card:hover:before{transform:scaleX(1)}.section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-light)}.section-count{background:var(--secondary-color);color:var(--text-inverse);padding:.25rem .75rem;border-radius:var(--radius-xl);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.analyses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.analysis-url a{color:var(--secondary-color);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-small);word-break:break-all;transition:color var(--transition-fast)}.status-badge{padding:.25rem .75rem;border-radius:var(--radius-xl);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.score-circle{width:80px;height:80px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid;position:relative;background:var(--background-primary)}.score-excellent{border-color:var(--accent-primary);color:var(--accent-primary)}.score-good{border-color:var(--secondary-color);color:var(--secondary-color)}.score-fair{border-color:var(--accent-warning);color:var(--accent-warning)}.score-poor{border-color:var(--accent-error);color:var(--accent-error)}.score-number{font-size:1.5rem;font-weight:var(--font-weight-bold);font-family:var(--font-family-heading)}.analysis-summary{margin-bottom:var(--spacing-lg);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.analysis-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center}.analysis-actions .btn{flex:0 0 auto}.error-state{text-align:center;padding:var(--spacing-3xl);background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg)}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);color:var(--text-secondary)}.empty-state p{margin-bottom:var(--spacing-lg);font-size:var(--font-size-body)}.action-card{background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;color:inherit;display:block}.action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--secondary-color);text-decoration:none;color:inherit}.action-icon{font-size:2rem;margin-bottom:var(--spacing-md)}.action-card h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.action-card p{color:var(--text-secondary);font-size:var(--font-size-small)}.incomplete-flow-card{background:linear-gradient(135deg,#62afff0d,#12eb930d);border:1px solid var(--secondary-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.flow-info h3{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.flow-info p{color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-size:var(--font-size-small)}.flow-progress{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.progress-bar-small{width:120px;height:6px;background:var(--background-secondary);border-radius:3px;overflow:hidden}.progress-fill-small{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--secondary-color));transition:width var(--transition-normal)}.progress-text{font-size:var(--font-size-caption);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.flow-actions{display:flex;gap:var(--spacing-sm);align-items:center}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center;min-height:300px}.end-to-end-flow-page{min-height:100vh;background:var(--background-primary)}.flow-header{background:var(--background-primary);border-bottom:1px solid var(--border-light);padding:var(--spacing-lg) 0;position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.flow-title h1{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.flow-title p{color:var(--text-secondary);font-size:var(--font-size-small);margin:0}.header-actions{display:flex;gap:var(--spacing-sm)}.progress-indicator{background:var(--background-secondary);border-bottom:1px solid var(--border-light);padding:var(--spacing-xl) 0}.progress-steps{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.progress-step{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;transition:all var(--transition-fast);padding:var(--spacing-md);border-radius:var(--radius-md)}.progress-step.active{background:#62afff1a;color:var(--secondary-color)}.progress-step.completed{color:var(--accent-primary)}.progress-step.available:hover{background:var(--background-primary)}.step-indicator{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-small);border:2px solid;flex-shrink:0}.progress-step.active .step-indicator{background:var(--secondary-color);border-color:var(--secondary-color);color:#fff}.progress-step.completed .step-indicator{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.progress-step.disabled .step-indicator{border-color:var(--border-medium);color:var(--text-secondary)}.step-info{flex:1;min-width:0}.step-title{font-weight:var(--font-weight-medium);font-size:var(--font-size-body);margin-bottom:.25rem}.step-description{font-size:var(--font-size-small);color:var(--text-secondary);line-height:var(--line-height-normal)}.progress-bar{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);height:4px;background:var(--border-light);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--secondary-color));transition:width var(--transition-normal);border-radius:2px}.flow-content{max-width:800px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-md);position:relative}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-overlay .loading-spinner{width:48px;height:48px;border-width:4px}.step-content{animation:fadeIn .6s ease-out}.step-header{text-align:center;margin-bottom:var(--spacing-2xl)}.step-header h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md)}.step-header p{color:var(--text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);max-width:600px;margin:0 auto}.step-info{background:var(--background-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-top:var(--spacing-2xl)}.step-info h3{color:var(--text-primary);margin-bottom:var(--spacing-md)}.step-info ul{list-style:none;padding:0}.step-info li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-lg);position:relative;color:var(--text-secondary)}.step-info li:before{content:"✓";position:absolute;left:0;color:var(--accent-primary);font-weight:700}.step-actions{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-2xl)}.step-actions .btn{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.schema-editor-container{margin-bottom:var(--spacing-2xl)}.schema-info{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--background-secondary);border-radius:var(--radius-md)}.schema-type-badge{background:var(--secondary-color);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.platform-selector{margin-bottom:var(--spacing-xl)}.platform-selector label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.implementation-guide{background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.guide-content{padding:var(--spacing-xl)}.guide-header{text-align:center;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.guide-header h3{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.guide-header p{color:var(--text-secondary)}.guide-instructions{margin-bottom:var(--spacing-2xl)}.instruction-step{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-light)}.step-number{width:40px;height:40px;background:var(--secondary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-body);flex-shrink:0}.step-content h4{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-h3)}.step-content p{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed)}.code-block{background:var(--background-dark);border-radius:var(--radius-md);overflow:hidden;margin:var(--spacing-md) 0}.code-header{background:#ffffff1a;padding:var(--spacing-sm) var(--spacing-md);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.code-language{color:var(--text-inverse);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.copy-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-inverse);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:var(--font-size-small);cursor:pointer;transition:all var(--transition-fast)}.copy-button:hover{background:#fff3;border-color:#ffffff4d}.code-block pre{margin:0;padding:var(--spacing-md);overflow-x:auto;background:transparent}.code-block code{color:var(--text-inverse);font-family:Courier New,monospace;font-size:var(--font-size-small);line-height:var(--line-height-relaxed)}.step-notes{background:var(--background-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md)}.step-notes h5{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.step-notes ul{list-style:none;padding:0;margin:0}.step-notes li{padding:.25rem 0;padding-left:var(--spacing-md);position:relative;color:var(--text-secondary);font-size:var(--font-size-small)}.step-notes li:before{content:"•";position:absolute;left:0;color:var(--secondary-color)}.completion-actions{display:flex;justify-content:center;gap:var(--spacing-md);padding-top:var(--spacing-xl);border-top:1px solid var(--border-light)}.btn-success{background:linear-gradient(135deg,var(--accent-primary),#0de085);color:var(--text-primary);border:2px solid transparent;box-shadow:0 4px 15px #12eb934d}.btn-success:hover{background:linear-gradient(135deg,#0de085,var(--accent-primary));transform:translateY(-3px);box-shadow:0 8px 25px #12eb9366}@media (min-width: 768px){.header-container,.content-container,.footer-container,.container-narrow,.container-wide,.container-full{padding:0 2rem}.grid-2,.grid-3,.grid-4,.content-grid-2,.content-grid-3,.content-grid-4{grid-template-columns:repeat(2,1fr)}.hero-container{grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}.hero-content{text-align:left}.hero-title:after{left:0;transform:none}.nav-toggle{display:none}.nav-menu{position:static;transform:none;background:transparent;flex-direction:row;gap:var(--spacing-lg);backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible}.nav-menu:before{display:none}.nav-menu li{opacity:1;transform:none;transition:none;width:auto;max-width:none;text-align:left}.nav-menu a{font-size:var(--font-size-body);padding:var(--spacing-sm) var(--spacing-md);min-height:auto}.nav-menu a:after{bottom:0;left:var(--spacing-md);width:0}.nav-menu a:hover:after,.nav-menu a:focus:after,.nav-menu a.active:after,.nav-menu a[aria-current=page]:after{width:calc(100% - (var(--spacing-md) * 2))}.dashboard-stats{grid-template-columns:repeat(4,1fr)}.analyses-grid{grid-template-columns:repeat(2,1fr)}.quick-actions{grid-template-columns:repeat(3,1fr)}.progress-steps{grid-template-columns:repeat(4,1fr)}.incomplete-flow-card{flex-direction:row}}@media (min-width: 1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.content-grid-3{grid-template-columns:repeat(3,1fr)}.content-grid-4{grid-template-columns:repeat(4,1fr)}.content-box:hover{transform:translateY(-8px) scale(1.02)}.btn:hover{transform:translateY(-2px)}.hover-lift:hover{transform:translateY(-6px)}.stagger-animation>*:nth-child(7){animation-delay:.7s}.stagger-animation>*:nth-child(8){animation-delay:.8s}.stagger-animation>*:nth-child(9){animation-delay:.9s}.stagger-animation>*:nth-child(10){animation-delay:1s}}@media (min-width: 1200px){.header-container,.content-container,.footer-container,.container-narrow,.container-wide,.container-full{padding:0 3rem}.hero-section{padding:var(--spacing-3xl) 0 calc(var(--spacing-3xl) * 1.5)}.content-section{padding:calc(var(--spacing-xl) * 1.5) 0}.content-section-wide{padding:calc(var(--spacing-2xl) * 1.5) 0}}@media (max-width: 767px){.dashboard-container{padding:var(--spacing-lg) var(--spacing-sm)}.flow-content{padding:var(--spacing-xl) var(--spacing-sm)}.progress-steps{grid-template-columns:1fr;gap:var(--spacing-sm)}.progress-step{padding:var(--spacing-sm)}.step-info{text-align:left}.dashboard-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.dashboard-header-actions{width:100%;justify-content:flex-end}.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.analyses-grid{grid-template-columns:1fr}.analysis-actions{flex-direction:column;align-items:stretch}.analysis-actions .btn{width:100%;justify-content:center}.mark-done-btn{margin-left:0;order:-1}.header-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.header-actions{width:100%;justify-content:flex-end}.incomplete-flow-card{flex-direction:column;text-align:center}.flow-actions{width:100%;justify-content:center}.instruction-step{flex-direction:column;gap:var(--spacing-md)}.step-number{align-self:flex-start}.completion-actions{flex-direction:column}.completion-actions .btn{width:100%}}@media print{.nav-toggle,.nav-menu,.dashboard-header-actions,.header-actions,.btn,.loading-spinner,.progress-indicator{display:none!important}.dashboard-container,.flow-content{padding:0;max-width:none}.content-box,.analysis-card,.stat-card{box-shadow:none;border:1px solid #ccc;break-inside:avoid}.code-block{background:#f5f5f5!important;border:1px solid #ccc}.code-block code{color:#000!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.loading-spinner{animation:none;border:3px solid var(--border-light);border-top:3px solid var(--secondary-color)}}@media (prefers-contrast: high){:root{--text-primary: #000000;--text-secondary: #333333;--background-primary: #ffffff;--background-secondary: #f0f0f0;--border-light: #666666;--border-medium: #333333;--secondary-color: #0066cc;--accent-primary: #008800}.btn-primary,.btn-secondary{border:2px solid currentColor}.content-box,.analysis-card,.stat-card{border:2px solid var(--border-medium)}}.skip-to-content{position:absolute;top:-40px;left:6px;background:var(--background-dark);color:var(--text-inverse);padding:8px 16px;text-decoration:none;border-radius:var(--radius-sm);z-index:1000;font-weight:var(--font-weight-medium)}.skip-to-content:focus{top:6px}.analysis-card:focus-within,.action-card:focus-within,.stat-card:focus-within{outline:2px solid var(--accent-secondary);outline-offset:2px}.loading-placeholder{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.loading-placeholder.text{height:1em;margin-bottom:.5em}.loading-placeholder.title{height:1.5em;width:60%;margin-bottom:1em}.loading-placeholder.button{height:2.5em;width:120px}.dashboard-container.loading .stat-card{background:var(--background-secondary)}.dashboard-container.loading .stat-value{background:var(--background-secondary);color:transparent;border-radius:var(--radius-sm)}.error-boundary{background:var(--background-secondary);border:1px solid var(--accent-error);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;margin:var(--spacing-lg) 0}.error-boundary h2{color:var(--accent-error);margin-bottom:var(--spacing-md)}.error-boundary p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.error-boundary .btn{margin:0 var(--spacing-sm)}.landing-page{min-height:100vh;background:linear-gradient(135deg,var(--background-primary) 0%,var(--background-secondary) 100%);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md)}.landing-container{width:100%;max-width:600px}.url-input-container{background:var(--background-primary);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);position:relative;overflow:hidden}.url-input-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--secondary-color))}.url-input-header h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:var(--line-height-tight)}.error-message{color:var(--accent-error);font-size:var(--font-size-small);margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.error-message:before{content:"⚠";font-size:1em}.error-message-global{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.form-help-text{color:var(--text-secondary);font-size:var(--font-size-small);margin-top:var(--spacing-xs)}.btn .loading-spinner{width:16px;height:16px;border-width:2px;margin-right:var(--spacing-sm)}.url-input-features{border-top:1px solid var(--border-light);padding-top:var(--spacing-lg)}.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.feature-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:var(--font-size-small)}.feature-icon{color:var(--accent-primary);font-weight:700;font-size:1em;flex-shrink:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-content{background:var(--background-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative;animation:fadeInScale .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl) var(--spacing-xl) 0;margin-bottom:var(--spacing-lg)}.modal-header h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.modal-close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.demo-code-display{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:20px;margin:20px 0;text-align:center;box-shadow:0 4px 15px #667eea4d}.demo-code-label{color:#ffffffe6;font-size:.9rem;margin-bottom:10px;font-weight:500}.demo-code-value{background:#fffffff2;color:#667eea;font-size:2rem;font-weight:700;letter-spacing:.5rem;padding:15px 20px;border-radius:8px;margin:10px 0;font-family:Courier New,monospace;box-shadow:inset 0 2px 4px #0000001a}.demo-code-note{color:#fffc;font-size:.75rem;margin-top:10px;font-style:italic}.verification-instruction{color:var(--text-secondary);margin-bottom:var(--spacing-sm);text-align:center}.email-display{font-weight:var(--font-weight-medium);color:var(--secondary-color);text-align:center;margin-bottom:var(--spacing-lg);word-break:break-all}.time-remaining{text-align:center;color:var(--text-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-lg)}.verification-form{margin-bottom:var(--spacing-lg)}.verification-code-input{text-align:center;font-size:1.25rem;font-weight:var(--font-weight-medium);letter-spacing:.5em;font-family:monospace}.resend-text{color:var(--text-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-sm)}.app{min-height:100vh;background:var(--background-primary)}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border-light);border-radius:50%;border-top-color:var(--secondary-color);animation:rotate 1s linear infinite}.toast-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:1100;display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:400px;width:100%}.toast-notification{background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-lg);display:flex;align-items:flex-start;gap:var(--spacing-sm);animation:slideInRight .3s ease-out;position:relative;overflow:hidden}.toast-notification:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--secondary-color)}.toast-notification.success:before{background:var(--accent-primary)}.toast-notification.error:before{background:var(--accent-error)}.toast-notification.warning:before{background:var(--accent-warning)}.toast-icon{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.toast-content{flex:1;min-width:0}.toast-title{font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:.25rem;font-size:var(--font-size-small)}.toast-message{color:var(--text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-normal)}.toast-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0}.toast-close:hover{background:var(--background-secondary);color:var(--text-primary)}.toast-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.toast-action{padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.toast-action.primary{background:var(--secondary-color);color:#fff}.toast-action.primary:hover{background:var(--secondary-dark)}.toast-action.secondary{background:var(--background-secondary);color:var(--text-primary);border-color:var(--border-light)}.toast-action.secondary:hover{background:var(--background-primary);border-color:var(--border-medium)}.toast-progress{position:absolute;bottom:0;left:0;height:2px;background:#ffffff4d;transition:width linear}@media (max-width: 767px){.landing-page{padding:var(--spacing-md) var(--spacing-sm)}.url-input-container{padding:var(--spacing-xl) var(--spacing-lg)}.url-input-header h1{font-size:clamp(1.5rem,5vw,2rem)}.feature-list{grid-template-columns:1fr}.modal-overlay{padding:var(--spacing-sm)}.modal-content{max-height:95vh}.modal-header,.modal-body{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.toast-container{top:var(--spacing-sm);right:var(--spacing-sm);left:var(--spacing-sm);max-width:none}.toast-notification{padding:var(--spacing-sm)}.toast-actions{flex-direction:column}.toast-action{text-align:center}}@media (min-width: 768px) and (max-width: 1023px){.feature-list{grid-template-columns:repeat(2,1fr)}.toast-container{max-width:350px}}@media (min-width: 1024px){.url-input-container:hover{transform:translateY(-2px);box-shadow:0 20px 40px #1721211a,0 8px 16px #62afff1a}.modal-content{animation:fadeInScale .4s cubic-bezier(.34,1.56,.64,1)}.toast-notification{animation:slideInRight .4s cubic-bezier(.34,1.56,.64,1)}}@media (prefers-color-scheme: dark){.modal-overlay{background:#000000b3}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.text-success{color:var(--accent-primary)}.text-warning{color:var(--accent-warning)}.text-error{color:var(--accent-error)}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-grid{display:grid}.visible{visibility:visible}.invisible{visibility:hidden}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky}.mockup-progress{margin-bottom:var(--spacing-md)}.progress-bar{width:100%;height:4px;background:var(--background-secondary);border-radius:2px;overflow:hidden;margin-bottom:var(--spacing-xs)}.progress-fill{width:75%;height:100%;background:linear-gradient(90deg,var(--secondary-color),var(--accent-primary));animation:progress 2s ease-in-out infinite;border-radius:2px;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.progress-text{font-size:var(--font-size-caption);color:var(--text-secondary);font-family:var(--font-family-body)}.mockup-results{display:flex;flex-direction:column;gap:var(--spacing-xs)}.result-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-small);font-family:var(--font-family-body)}.result-icon{color:var(--accent-primary);font-weight:var(--font-weight-bold);font-size:.875rem}.result-text{color:var(--text-primary)}.hero-icons{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);width:100%;max-width:350px;padding:var(--spacing-md);background:#ffffff80;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.icon-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-normal);padding:var(--spacing-sm);border-radius:var(--radius-md);position:relative}.icon-item:hover{transform:translateY(-4px);background:#fffc;box-shadow:0 8px 25px #1721211a}.icon-circle{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--secondary-color),var(--accent-primary));display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-weight:var(--font-weight-bold);font-size:1rem;font-family:var(--font-family-heading);box-shadow:0 4px 15px #62afff4d,0 2px 8px #12eb9333;transition:all var(--transition-normal);position:relative;overflow:hidden}.icon-circle:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--accent-primary),var(--secondary-color),var(--accent-primary));border-radius:50%;z-index:-1;animation:rotate 3s linear infinite;opacity:0;transition:opacity var(--transition-normal)}.icon-item:hover .icon-circle:before{opacity:1}.icon-circle:hover{box-shadow:0 8px 25px #62afff66,0 4px 15px #12eb934d;transform:scale(1.1)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-label{font-size:var(--font-size-small);color:var(--text-primary);text-align:center;font-family:var(--font-family-body);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.icon-item:hover .icon-label{color:var(--secondary-color)}@keyframes progress{0%,to{width:75%}50%{width:85%}}@keyframes heroFloat{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-15px) rotate(1deg)}66%{transform:translateY(-5px) rotate(-1deg)}}@keyframes heroGlow{0%,to{opacity:.5}50%{opacity:1}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-section{position:relative;overflow:hidden}.hero-section:before{animation:heroGlow 4s ease-in-out infinite}.hero-section:after{animation:heroFloat 8s ease-in-out infinite}.hero-parallax{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(98,175,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(18,235,147,.08) 0%,transparent 50%);animation:heroFloat 12s ease-in-out infinite reverse;z-index:1}.hero-title-animated{overflow:hidden;border-right:2px solid var(--accent-primary);white-space:nowrap;animation:typewriter 3s steps(40) 1s forwards,blink 1s infinite}.hero-cta-group{position:relative}.hero-cta-group:before{content:"";position:absolute;top:-15px;left:-15px;right:-15px;bottom:-15px;background:radial-gradient(ellipse,rgba(98,175,255,.1) 0%,transparent 70%);border-radius:var(--radius-xl);z-index:-1;opacity:0;transition:opacity var(--transition-slow);animation:pulse 3s infinite}.hero-cta-group:hover:before{opacity:1}.mockup-container{transition:all var(--transition-slow)}.mockup-container:hover{transform:translateY(-8px) scale(1.03) rotateX(5deg);box-shadow:0 30px 60px #17212133,0 15px 30px #62afff40,0 0 0 1px #62afff1a}.progress-fill{position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:shimmer 2s infinite}.icon-circle{transition:all var(--transition-normal);cursor:pointer}.icon-circle:hover{transform:scale(1.15) rotateY(10deg);box-shadow:0 12px 30px #62afff66,0 6px 20px #12eb934d,0 0 0 3px #fffc}.icon-circle:before{animation:rotate 4s linear infinite}.hero-icons .icon-item{animation:fadeIn .8s ease forwards;opacity:0}.hero-icons .icon-item:nth-child(1){animation-delay:.2s}.hero-icons .icon-item:nth-child(2){animation-delay:.4s}.hero-icons .icon-item:nth-child(3){animation-delay:.6s}.hero-icons .icon-item:nth-child(4){animation-delay:.8s}.result-item{animation:slideInLeft .6s ease forwards;opacity:0}.result-item:nth-child(1){animation-delay:1s}.result-item:nth-child(2){animation-delay:1.2s}.result-item:nth-child(3){animation-delay:1.4s}.result-icon{transition:all var(--transition-fast)}.result-item:hover .result-icon{transform:scale(1.2) rotate(10deg);color:var(--secondary-color)}.loading-spinner{width:40px;height:40px;border:3px solid var(--background-secondary);border-top:3px solid var(--secondary-color);border-radius:50%;animation:rotate 1s linear infinite;margin:0 auto}.loading-dots{display:flex;gap:var(--spacing-xs);justify-content:center;align-items:center}.loading-dot{width:8px;height:8px;background:var(--secondary-color);border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.skeleton{background:linear-gradient(90deg,var(--background-secondary) 25%,var(--background-tertiary) 50%,var(--background-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.fade-in-left{opacity:0;transform:translate(-30px);transition:opacity .8s ease,transform .8s ease}.fade-in-right{opacity:0;transform:translate(30px);transition:opacity .8s ease,transform .8s ease}.scale-in{opacity:0;transform:scale(.8);transition:opacity .6s ease,transform .6s ease}.scale-in.visible{opacity:1;transform:scale(1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes glow{0%,to{box-shadow:0 0 20px #62afff4d}50%{box-shadow:0 0 30px #12eb9366}}.hero-app-mockup{animation:float 8s ease-in-out infinite}.hero-icons{animation:pulse 4s ease-in-out infinite}.hero-cta-group .btn-primary{animation:glow 3s ease-in-out infinite}.hero-visual-accent{position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(18,235,147,.1) 0%,transparent 70%);border-radius:50%;z-index:0;animation:float 10s ease-in-out infinite reverse}.hero-visual-accent:nth-child(2){top:20%;left:10%;animation-delay:-2s}.hero-visual-accent:nth-child(3){bottom:20%;right:10%;background:radial-gradient(circle,rgba(98,175,255,.1) 0%,transparent 70%);animation-delay:-4s}.section-title{font-family:var(--font-family-heading);font-size:clamp(1.75rem,3vw + .5rem,2.5rem);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--spacing-md);color:var(--text-primary);line-height:var(--line-height-tight)}.section-subtitle{font-size:clamp(1rem,1.5vw + .5rem,1.25rem);text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto;line-height:var(--line-height-relaxed);font-family:var(--font-family-body)}.problem-section{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,#f8fafc 0%,var(--background-secondary) 100%);border-bottom:1px solid var(--border-light);position:relative;overflow:hidden}.problem-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 30% 20%,rgba(239,68,68,.05) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(245,158,11,.04) 0%,transparent 50%);z-index:0}.problem-section .content-container{position:relative;z-index:1}.problem-content{max-width:800px;margin:0 auto;text-align:center}.problem-text{font-size:clamp(1.25rem,2vw + .5rem,1.5rem);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-lg);line-height:var(--line-height-normal);font-family:var(--font-family-heading)}.problem-text strong{color:var(--primary-color);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.problem-description{font-size:clamp(1rem,1.5vw + .5rem,1.125rem);color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:var(--line-height-relaxed);font-family:var(--font-family-body)}.problem-highlight{font-size:clamp(1.125rem,2vw + .5rem,1.375rem);font-weight:var(--font-weight-bold);color:var(--accent-error);margin-bottom:var(--spacing-xl);line-height:var(--line-height-normal);font-family:var(--font-family-heading);padding:var(--spacing-md);background:linear-gradient(135deg,#ef44440d,#f59e0b0d);border-left:4px solid var(--accent-error);border-radius:var(--radius-md);position:relative}.problem-highlight:before{content:"";position:absolute;left:-4px;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--accent-error),var(--accent-warning));animation:pulse-border 2s ease-in-out infinite}@keyframes pulse-border{0%,to{opacity:1}50%{opacity:.6}}.problem-cta{margin-top:var(--spacing-xl);display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.problem-cta .btn{min-width:200px}@media (max-width: 768px){.problem-section{padding:var(--spacing-2xl) 0}.problem-text,.problem-description,.problem-highlight{text-align:left}.problem-highlight{padding:var(--spacing-sm) var(--spacing-md)}.problem-cta .btn{min-width:100%}}.solution-section{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--background-primary) 0%,#f0f9ff 100%);border-bottom:1px solid var(--border-light);position:relative;overflow:hidden}.solution-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 70% 30%,rgba(18,235,147,.08) 0%,transparent 50%),radial-gradient(circle at 30% 70%,rgba(98,175,255,.06) 0%,transparent 50%);z-index:0}.solution-section .content-container{position:relative;z-index:1}.solution-section .section-title{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-lg)}.solution-subtitle{font-size:clamp(1.125rem,2vw + .5rem,1.5rem);font-weight:var(--font-weight-medium);color:var(--secondary-color);text-align:center;margin-bottom:var(--spacing-xl);line-height:var(--line-height-normal);font-family:var(--font-family-heading);max-width:700px;margin-left:auto;margin-right:auto}.solution-content{max-width:900px;margin:0 auto;text-align:center}.solution-description{font-size:clamp(1rem,1.5vw + .5rem,1.25rem);color:var(--text-secondary);margin-bottom:var(--spacing-2xl);line-height:var(--line-height-relaxed);font-family:var(--font-family-body);max-width:750px;margin-left:auto;margin-right:auto}.solution-platforms{display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;margin-top:var(--spacing-xl);padding:var(--spacing-xl);background:linear-gradient(135deg,#ffffff80,#f0f9ff80);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.platform-badge{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--background-primary);border-radius:var(--radius-md);border:1px solid var(--border-light);transition:all var(--transition-normal);min-width:100px;cursor:default}.platform-badge:hover{transform:translateY(-4px);box-shadow:0 8px 20px #62afff26,0 4px 10px #12eb931a;border-color:var(--secondary-color)}.platform-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--secondary-color),var(--accent-primary));border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #62afff4d;transition:all var(--transition-fast)}.platform-badge:hover .platform-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 16px #62afff66}.platform-icon .icon-text{color:var(--text-inverse);font-weight:var(--font-weight-bold);font-size:1rem;font-family:var(--font-family-heading)}.platform-name{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--text-primary);font-family:var(--font-family-body);text-align:center}.solution-platforms:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(98,175,255,.1) 0%,transparent 70%);border-radius:var(--radius-lg);z-index:-1;opacity:0;transition:opacity var(--transition-normal)}.solution-platforms:hover:before{opacity:1}@media (max-width: 768px){.solution-section{padding:var(--spacing-2xl) 0}.solution-subtitle,.solution-description{text-align:left}.solution-platforms{gap:var(--spacing-md);padding:var(--spacing-md)}.platform-badge{min-width:calc(50% - var(--spacing-sm));flex:0 0 calc(50% - var(--spacing-sm))}}@media (max-width: 480px){.platform-badge{min-width:100%;flex:0 0 100%}.solution-platforms{gap:var(--spacing-sm)}}.how-it-works-section{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--background-primary) 0%,var(--background-secondary) 100%);border-bottom:1px solid var(--border-light);position:relative;overflow:hidden}.how-it-works-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 20%,rgba(98,175,255,.04) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(18,235,147,.04) 0%,transparent 50%);z-index:0}.how-it-works-section .content-container{position:relative;z-index:1}.roadmap-container{max-width:900px;margin:var(--spacing-2xl) auto;padding:var(--spacing-xl) 0;position:relative}.roadmap-line{position:absolute;top:50%;left:10%;right:10%;height:4px;background:linear-gradient(90deg,var(--secondary-color) 0%,var(--accent-primary) 100%);transform:translateY(-50%);border-radius:2px;z-index:0;box-shadow:0 2px 8px #62afff4d}.roadmap-steps{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;padding:0 var(--spacing-md)}.roadmap-step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);flex:1;max-width:120px}.roadmap-circle{width:70px;height:70px;background:linear-gradient(135deg,var(--secondary-color),var(--accent-primary));border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #62afff66,0 0 0 6px var(--background-primary);transition:all var(--transition-normal);position:relative;cursor:pointer}.roadmap-circle:hover{transform:scale(1.15);box-shadow:0 8px 25px #62afff80,0 0 0 8px var(--background-primary)}.roadmap-circle:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:linear-gradient(135deg,var(--secondary-color),var(--accent-primary));opacity:0;animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.5}to{transform:scale(1.3);opacity:0}}.roadmap-step:nth-child(1) .roadmap-circle:before{animation-delay:0s}.roadmap-step:nth-child(2) .roadmap-circle:before{animation-delay:.5s}.roadmap-step:nth-child(3) .roadmap-circle:before{animation-delay:1s}.roadmap-step:nth-child(4) .roadmap-circle:before{animation-delay:1.5s}.roadmap-number{color:var(--text-inverse);font-size:1.75rem;font-weight:var(--font-weight-bold);font-family:var(--font-family-heading);position:relative;z-index:1}.roadmap-label{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary);text-align:center;font-family:var(--font-family-heading);margin:0;white-space:nowrap}@media (max-width: 768px){.roadmap-container{padding:var(--spacing-md) 0}.roadmap-line{left:5%;right:5%;height:3px}.roadmap-steps{padding:0 var(--spacing-sm)}.roadmap-step{max-width:80px}.roadmap-circle{width:56px;height:56px;box-shadow:0 4px 12px #62afff66,0 0 0 4px var(--background-primary)}.roadmap-circle:hover{box-shadow:0 6px 16px #62afff80,0 0 0 6px var(--background-primary)}.roadmap-number{font-size:1.5rem}.roadmap-label{font-size:var(--font-size-small)}}@media (max-width: 480px){.roadmap-steps{flex-wrap:wrap;gap:var(--spacing-lg)}.roadmap-step{flex:0 0 calc(50% - var(--spacing-sm));max-width:none}.roadmap-line{display:none}.roadmap-circle{box-shadow:0 4px 12px #62afff66,0 0 0 4px var(--background-secondary)}}.steps-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.step-card{background:var(--background-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:2px solid var(--border-light);position:relative;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.step-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px #1721211a,0 5px 15px #62afff26;border-color:var(--secondary-color)}.step-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--secondary-color),var(--accent-primary));border-radius:var(--radius-lg);z-index:-1;opacity:0;transition:opacity var(--transition-normal)}.step-card:hover:before{opacity:1}.step-number{width:56px;height:56px;background:linear-gradient(135deg,var(--secondary-color),var(--accent-primary));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--text-inverse);font-family:var(--font-family-heading);margin-bottom:var(--spacing-lg);box-shadow:0 4px 12px #62afff4d;transition:all var(--transition-fast)}.step-card:hover .step-number{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 16px #62afff66}.step-title{font-family:var(--font-family-heading);font-size:clamp(1.25rem,2vw + .5rem,1.5rem);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:var(--line-height-tight)}.step-description{font-size:clamp(1rem,1.5vw + .5rem,1.125rem);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg);font-family:var(--font-family-body)}.step-benefits{background:linear-gradient(135deg,#62afff0d,#12eb930d);padding:var(--spacing-md);border-radius:var(--radius-md);border-left:4px solid var(--secondary-color);margin-top:var(--spacing-lg)}.benefits-label{font-size:var(--font-size-small);font-weight:var(--font-weight-bold);color:var(--secondary-color);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm);font-family:var(--font-family-heading)}.benefits-list{list-style:none;padding:0;margin:0}.benefits-list li{font-size:var(--font-size-body);color:var(--text-primary);line-height:var(--line-height-relaxed);padding-left:var(--spacing-lg);margin-bottom:var(--spacing-sm);position:relative;font-family:var(--font-family-body)}.benefits-list li:last-child{margin-bottom:0}.benefits-list li:before{content:"✓";position:absolute;left:0;color:var(--accent-primary);font-weight:var(--font-weight-bold);font-size:1.125rem}.how-it-works-cta{display:flex;justify-content:center;margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-light)}.how-it-works-cta .btn{min-width:220px;font-size:1.125rem;padding:var(--spacing-md) var(--spacing-xl)}@media (min-width: 769px){.steps-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}}@media (min-width: 1200px){.steps-grid{gap:var(--spacing-2xl)}.step-card{padding:var(--spacing-2xl)}}@media (max-width: 768px){.how-it-works-section{padding:var(--spacing-2xl) 0}.steps-grid{gap:var(--spacing-lg);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.step-card{padding:var(--spacing-lg)}.step-number{width:48px;height:48px;font-size:1.5rem;margin-bottom:var(--spacing-md)}.step-benefits{padding:var(--spacing-sm) var(--spacing-md)}.how-it-works-cta .btn{width:100%;min-width:100%}}.stakes-section{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--background-primary) 0%,#f0f9ff 100%);border-bottom:1px solid var(--border-light);position:relative;overflow:hidden}.stakes-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 70% 30%,rgba(18,235,147,.08) 0%,transparent 50%),radial-gradient(circle at 30% 70%,rgba(98,175,255,.06) 0%,transparent 50%);z-index:0}.stakes-section .content-container{position:relative;z-index:1}.stakes-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.stakes-left{padding-right:var(--spacing-xl)}.stakes-right{padding-left:var(--spacing-xl)}.stakes-title{font-family:var(--font-family-heading);font-size:clamp(2rem,5vw + 1rem,3.5rem);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:0;line-height:var(--line-height-tight);letter-spacing:-.02em;text-align:left}.stakes-title:after{display:none}.stakes-content{text-align:left}.stakes-description{font-size:clamp(1.125rem,2vw + .5rem,1.375rem);color:var(--text-primary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xl);font-family:var(--font-family-body);font-weight:var(--font-weight-regular)}.stakes-choice{font-size:clamp(1.25rem,2.5vw + .5rem,1.75rem);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-normal);margin-bottom:0;font-family:var(--font-family-heading);padding:var(--spacing-lg);background:linear-gradient(135deg,#62afff1a,#12eb9314);border-left:5px solid var(--secondary-color);border-radius:var(--radius-md);position:relative}.stakes-choice:first-line{color:var(--secondary-color)}.stakes-choice:before{display:none}.stakes-cta{margin-top:var(--spacing-2xl);display:flex;justify-content:flex-start;gap:var(--spacing-md);flex-wrap:wrap}.stakes-cta .btn{min-width:240px;font-size:1.25rem;padding:var(--spacing-lg) var(--spacing-2xl)}.stakes-cta .btn:after{display:none}@media (max-width: 768px){.stakes-section{padding:var(--spacing-2xl) 0}.stakes-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}.stakes-left,.stakes-right{padding:0}.stakes-title{margin-bottom:var(--spacing-lg)}.stakes-description,.stakes-choice{text-align:left}.stakes-choice{padding:var(--spacing-md);border-left-width:4px}.stakes-cta .btn{width:100%;min-width:100%}}@media (max-width: 480px){.stakes-description{margin-bottom:var(--spacing-lg)}}.features-section{padding:var(--spacing-2xl) 0;background:var(--background-primary)}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.feature-card{text-align:center;padding:var(--spacing-xl);background:linear-gradient(135deg,var(--background-primary) 0%,#fafbfc 100%);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all var(--transition-normal);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--secondary-color));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.feature-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(98,175,255,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(18,235,147,.03) 0%,transparent 50%);z-index:0;opacity:0;transition:opacity var(--transition-normal)}.feature-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px #1721211f,0 5px 15px #62afff1a;border-color:var(--secondary-color)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover:after{opacity:1}.feature-card>*{position:relative;z-index:1}.feature-icon{width:60px;height:60px;margin:0 auto var(--spacing-md);background:linear-gradient(135deg,var(--secondary-color),var(--accent-primary));border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.feature-card:hover .feature-icon{transform:scale(1.1);box-shadow:var(--shadow-md)}.icon-number{color:var(--text-inverse);font-weight:var(--font-weight-bold);font-size:1.5rem;font-family:var(--font-family-heading)}.feature-title{font-family:var(--font-family-heading);font-size:1.25rem;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md);color:var(--text-primary)}.feature-description{color:var(--text-secondary);line-height:var(--line-height-relaxed);font-family:var(--font-family-body)}.benefits-section{padding:var(--spacing-2xl) 0;background:var(--background-secondary)}.benefits-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.benefit-card{background:linear-gradient(135deg,var(--background-primary) 0%,#fafbfc 100%);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all var(--transition-normal);position:relative;overflow:hidden}.benefit-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--accent-primary),var(--secondary-color));transform:scaleY(0);transform-origin:top;transition:transform var(--transition-normal)}.benefit-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #1721211a,0 4px 12px #62afff14;border-color:var(--border-medium)}.benefit-card:hover:before{transform:scaleY(1)}.benefit-icon{font-size:2rem;margin-bottom:var(--spacing-md);display:block}.benefit-emoji{font-size:2.5rem;display:block}.benefit-title{font-family:var(--font-family-heading);font-size:1.125rem;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md);color:var(--text-primary)}.benefit-description{color:var(--text-secondary);line-height:var(--line-height-relaxed);font-family:var(--font-family-body)}.testimonial-section{padding:var(--spacing-3xl) 0;background:linear-gradient(180deg,var(--background-primary) 0%,var(--background-secondary) 100%);position:relative;overflow:hidden}.testimonial-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(98,175,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(18,235,147,.05) 0%,transparent 50%);z-index:0}.testimonial-section .content-container{position:relative;z-index:1}.testimonial-section .section-title{text-align:center;margin-bottom:var(--spacing-2xl);font-family:var(--font-family-heading);font-size:clamp(1.75rem,4vw + .5rem,2.5rem);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.02em}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.testimonial-card{background:var(--background-primary);padding:var(--spacing-xl);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:280px}.testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--secondary-light)}.testimonial-card:before{content:'"';position:absolute;top:var(--spacing-lg);left:var(--spacing-lg);font-size:4rem;font-family:Georgia,serif;color:var(--secondary-color);opacity:.15;line-height:1;pointer-events:none}.testimonial-quote{font-size:clamp(1rem,1.5vw + .5rem,1.125rem);font-style:italic;color:var(--text-primary);line-height:var(--line-height-relaxed);font-family:var(--font-family-body);margin:0 0 var(--spacing-lg) 0;position:relative;z-index:1}.testimonial-author{margin-top:auto;padding-top:var(--spacing-md);border-top:2px solid var(--border-light)}.author-name{font-family:var(--font-family-heading);font-weight:var(--font-weight-medium);font-size:1rem;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.author-title{color:var(--text-secondary);font-size:var(--font-size-small);font-family:var(--font-family-body);margin:0}@media (max-width: 1024px){.testimonials-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.testimonial-card:nth-child(3){grid-column:1 / -1;max-width:600px;margin:0 auto;width:100%}}@media (max-width: 768px){.testimonial-section{padding:var(--spacing-2xl) 0}.testimonials-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.testimonial-card:nth-child(3){grid-column:auto;max-width:100%}.testimonial-card{min-height:auto;padding:var(--spacing-lg)}.testimonial-quote{font-size:var(--font-size-body)}}.faq-section{background:var(--background-secondary);padding:var(--spacing-3xl) 0;position:relative}.faq-section .section-title{text-align:center;margin-bottom:var(--spacing-2xl);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--text-primary)}.faq-split-container{display:grid;grid-template-columns:40% 1fr;gap:var(--spacing-2xl);background:var(--background-primary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);min-height:500px}.faq-questions-panel{background:var(--background-tertiary);padding:var(--spacing-xl);border-right:1px solid var(--border-light);display:flex;flex-direction:column;gap:var(--spacing-sm)}.faq-question-item{position:relative;transition:all var(--transition-fast)}.faq-question-btn{width:100%;padding:var(--spacing-lg);background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-family-heading);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary);transition:all var(--transition-normal);position:relative;overflow:hidden}.faq-question-btn:hover{background:var(--background-secondary);border-color:var(--secondary-color);transform:translate(4px)}.faq-question-btn:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:2px}.faq-question-item.active .faq-question-btn{background:var(--accent-secondary);color:var(--text-inverse);border-color:var(--accent-secondary);box-shadow:0 4px 12px #62afff4d}.faq-question-text{flex:1;line-height:1.4}.faq-arrow{font-size:1.5rem;color:var(--text-secondary);transition:all var(--transition-normal);opacity:.6}.faq-question-item.active .faq-arrow{color:var(--text-inverse);opacity:1;transform:translate(4px)}.faq-question-btn:hover .faq-arrow{transform:translate(4px);opacity:1}.faq-answers-panel{padding:var(--spacing-2xl);position:relative;display:flex;align-items:flex-start;justify-content:center}.faq-answer-item{display:none;opacity:0;animation:fadeInAnswer .5s ease-in-out forwards}.faq-answer-item.active{display:block}@keyframes fadeInAnswer{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.faq-answer-title{font-family:var(--font-family-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:1.3}.faq-answer-text{font-size:var(--font-size-body);color:var(--text-secondary);line-height:var(--line-height-relaxed);font-family:var(--font-family-body)}@media (max-width: 968px){.faq-split-container{grid-template-columns:1fr;min-height:auto}.faq-questions-panel{border-right:none;border-bottom:1px solid var(--border-light);padding:var(--spacing-lg)}.faq-answers-panel{padding:var(--spacing-xl);min-height:300px}.faq-question-btn:hover{transform:translate(0)}}@media (max-width: 640px){.faq-section{padding:var(--spacing-2xl) 0}.faq-section .section-title{font-size:var(--font-size-h3);margin-bottom:var(--spacing-xl)}.faq-questions-panel{padding:var(--spacing-md);gap:var(--spacing-xs)}.faq-question-btn{padding:var(--spacing-md);font-size:.9rem}.faq-answers-panel{padding:var(--spacing-lg);min-height:250px}.faq-answer-title{font-size:1.1rem}.faq-answer-text{font-size:.9rem}.faq-arrow{font-size:1.2rem}}.comparison-section{padding:var(--spacing-3xl) 0;background:var(--background-primary);position:relative}.comparison-section .section-title{text-align:center;margin-bottom:var(--spacing-md);color:var(--text-primary)}.comparison-section .section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-2xl);font-size:var(--font-size-body)}.comparison-table-container{overflow-x:auto;margin:0 auto;max-width:1000px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:var(--background-primary)}.comparison-table{width:100%;border-collapse:collapse;background:var(--background-primary);font-family:var(--font-family-body)}.comparison-table thead{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%)}.comparison-table thead th{color:var(--text-inverse);font-family:var(--font-family-heading);font-weight:var(--font-weight-medium);font-size:var(--font-size-body);padding:var(--spacing-lg) var(--spacing-md);text-align:left;border-bottom:2px solid var(--border-light)}.comparison-table thead th:first-child{border-top-left-radius:var(--radius-lg);padding-left:var(--spacing-xl)}.comparison-table thead th:last-child{border-top-right-radius:var(--radius-lg);padding-right:var(--spacing-xl)}.comparison-table tbody tr{border-bottom:1px solid var(--border-light);transition:background-color var(--transition-fast)}.comparison-table tbody tr:hover{background:var(--background-secondary)}.comparison-table tbody tr:last-child{border-bottom:none}.comparison-table tbody td{padding:var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-body);vertical-align:middle}.comparison-table tbody td:first-child{font-weight:var(--font-weight-medium);color:var(--text-primary);padding-left:var(--spacing-xl)}.comparison-table tbody td:not(:first-child){text-align:center;color:var(--text-secondary)}.comparison-table tbody td:not(:first-child):has(:before){color:var(--accent-primary);font-weight:var(--font-weight-medium)}@media (max-width: 768px){.comparison-table-container{border-radius:var(--radius-md)}.comparison-table thead th,.comparison-table tbody td{padding:var(--spacing-sm) var(--spacing-xs);font-size:var(--font-size-small)}.comparison-table thead th:first-child,.comparison-table tbody td:first-child{padding-left:var(--spacing-md)}.comparison-table thead th:last-child{padding-right:var(--spacing-md)}}@media (max-width: 480px){.comparison-table thead th,.comparison-table tbody td{padding:var(--spacing-xs)}.comparison-table thead th:first-child,.comparison-table tbody td:first-child{padding-left:var(--spacing-sm)}}.cta-section{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--background-secondary) 0%,var(--background-primary) 100%);position:relative;text-align:center}.cta-section .section-title{margin-bottom:var(--spacing-md);color:var(--text-primary)}.cta-section .section-subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto;font-size:var(--font-size-body);line-height:var(--line-height-relaxed)}.cta-buttons{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.cta-buttons .btn{padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}@media (max-width: 768px){.cta-section{padding:var(--spacing-2xl) 0}.cta-buttons{flex-direction:column;width:100%;max-width:300px;margin:0 auto}.cta-buttons .btn{width:100%}}.faq-section{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--background-primary) 0%,#f0f9ff 100%);border-bottom:1px solid var(--border-light);position:relative;overflow:hidden}.faq-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 70% 30%,rgba(18,235,147,.08) 0%,transparent 50%),radial-gradient(circle at 30% 70%,rgba(98,175,255,.06) 0%,transparent 50%);z-index:0}.faq-section .content-container{position:relative;z-index:1}.faq-section .section-title{text-align:center;margin-bottom:var(--spacing-2xl);background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.faq-accordion-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md)}.faq-accordion-item{background:var(--background-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.faq-accordion-item:hover{box-shadow:var(--shadow-md);border-color:var(--secondary-color)}.faq-accordion-item.active{border-color:var(--secondary-color);box-shadow:0 8px 20px #62afff26}.faq-accordion-btn{width:100%;padding:var(--spacing-lg) var(--spacing-xl);background:transparent;border:none;text-align:left;cursor:pointer;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--spacing-lg);font-family:var(--font-family-heading);transition:all var(--transition-normal)}.faq-accordion-btn:hover{background:#62afff0d}.faq-accordion-btn:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:-2px}.faq-question{font-size:clamp(1rem,1.5vw + .5rem,1.25rem);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:1.4}.faq-icon{font-size:1.5rem;color:var(--secondary-color);transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#62afff1a}.faq-accordion-item.active .faq-icon{transform:rotate(180deg);background:var(--secondary-color);color:var(--text-inverse)}.faq-content{max-height:0;overflow:hidden;transition:max-height .4s ease-out,padding .4s ease-out;padding:0 var(--spacing-xl)}.faq-accordion-item.active .faq-content{max-height:500px;padding:0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);transition:max-height .5s ease-in,padding .5s ease-in}.faq-answer{font-size:clamp(1rem,1.5vw + .5rem,1.125rem);color:var(--text-secondary);line-height:var(--line-height-relaxed);font-family:var(--font-family-body);padding-left:var(--spacing-lg);border-left:3px solid var(--secondary-color);margin:0;animation:fadeInAnswer .5s ease-in-out forwards}@keyframes fadeInAnswer{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.faq-section{padding:var(--spacing-2xl) 0}.faq-accordion-btn{padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-md)}.faq-question{font-size:1rem}.faq-content{padding:0 var(--spacing-lg)}.faq-accordion-item.active .faq-content{padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg)}.faq-answer{font-size:.95rem;padding-left:var(--spacing-md)}.faq-icon{width:28px;height:28px;font-size:1.25rem}}@media (max-width: 480px){.faq-accordion-container{gap:var(--spacing-sm)}.faq-accordion-btn{padding:var(--spacing-sm) var(--spacing-md)}.faq-question{font-size:.9rem}.faq-answer{font-size:.875rem}}.take-control-section{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--background-secondary) 0%,var(--background-primary) 100%);position:relative;overflow:hidden}.take-control-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(98,175,255,.1) 0%,transparent 50%);pointer-events:none}.take-control-section .content-container{position:relative;z-index:1}.take-control-section .section-title{font-size:var(--font-size-h2);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-md);line-height:var(--line-height-tight)}.take-control-section .section-subtitle{font-size:1.125rem;font-family:var(--font-family-body);font-weight:var(--font-weight-regular);color:var(--text-secondary);text-align:center;margin-bottom:var(--spacing-3xl);max-width:700px;margin-left:auto;margin-right:auto;line-height:var(--line-height-relaxed)}.take-control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-2xl);max-width:1000px;margin:0 auto}.take-control-card{background:var(--background-primary);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);transition:all var(--transition-normal);display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}.take-control-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-primary) 0%,var(--secondary-color) 100%);opacity:0;transition:opacity var(--transition-normal)}.take-control-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -10px #00000026;border-color:var(--secondary-color)}.take-control-card:hover:before{opacity:1}.take-control-card-title{font-size:1.5rem;font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-lg);line-height:var(--line-height-tight)}.take-control-list{list-style:none;padding:0;margin:0 0 var(--spacing-xl) 0;flex-grow:1;width:100%}.take-control-item{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) 0}.take-control-item:last-child{margin-bottom:0}.check-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,var(--accent-primary) 0%,#0ad17f 100%);color:var(--text-inverse);border-radius:50%;font-size:.875rem;font-weight:var(--font-weight-bold);flex-shrink:0;box-shadow:0 2px 8px #12eb934d}.take-control-item .item-text{font-size:1rem;font-family:var(--font-family-body);font-weight:var(--font-weight-regular);color:var(--text-primary);line-height:var(--line-height-normal);flex:1}.take-control-card .btn{width:100%;margin-top:auto;font-size:1rem;padding:var(--spacing-md) var(--spacing-xl);justify-content:center}@media (max-width: 768px){.take-control-section{padding:var(--spacing-2xl) 0}.take-control-section .section-title{font-size:1.75rem}.take-control-section .section-subtitle{font-size:1rem;margin-bottom:var(--spacing-2xl)}.take-control-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}.take-control-card{padding:var(--spacing-xl)}.take-control-card-title{font-size:1.25rem}.take-control-item .item-text{font-size:.95rem}}@media (max-width: 480px){.take-control-section .section-title{font-size:1.5rem}.take-control-section .section-subtitle{font-size:.9375rem}.take-control-card{padding:var(--spacing-lg)}.take-control-card-title{font-size:1.125rem}.check-icon{width:20px;height:20px;font-size:.75rem}.take-control-item .item-text{font-size:.875rem}.take-control-card .btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:.9375rem}}.navigation-section{padding:var(--spacing-2xl) 0;background:var(--background-secondary)}.nav-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.nav-card{display:block;padding:var(--spacing-lg);background:var(--background-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);text-decoration:none;transition:all var(--transition-normal);position:relative;overflow:hidden}.nav-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(98,175,255,.1),transparent);transition:left var(--transition-normal)}.nav-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--secondary-color)}.nav-card:hover:before{left:100%}.nav-icon{font-size:2rem;margin-bottom:var(--spacing-md);color:var(--secondary-color)}.nav-title{font-family:var(--font-family-heading);font-size:1.125rem;font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.nav-description{color:var(--text-secondary);font-size:var(--font-size-small);font-family:var(--font-family-body);line-height:var(--line-height-normal)}#dynamic-content,#content-sections,#additional-content{margin:var(--spacing-xl) 0}.loading-spinner{display:inline-block;width:40px;height:40px;border:3px solid var(--border-light);border-radius:50%;border-top:3px solid var(--accent-secondary);border-right:3px solid var(--accent-primary);animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite}.loading-dots{display:inline-flex;gap:4px;align-items:center}.loading-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-secondary);animation:pulse-dot 1.4s ease-in-out infinite both}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.loading-dot:nth-child(3){animation-delay:0s}@keyframes pulse-dot{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.skeleton{background:linear-gradient(90deg,var(--background-secondary) 25%,rgba(98,175,255,.1) 50%,var(--background-secondary) 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:var(--spacing-xs)}.skeleton-title{height:1.5rem;width:60%;margin-bottom:var(--spacing-sm)}.skeleton-paragraph{height:.875rem;margin-bottom:var(--spacing-xs)}.skeleton-paragraph:last-child{width:80%}.fade-in{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease-out forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.fade-in:nth-child(1){animation-delay:.1s}.fade-in:nth-child(2){animation-delay:.2s}.fade-in:nth-child(3){animation-delay:.3s}.fade-in:nth-child(4){animation-delay:.4s}.scale-in{opacity:0;transform:scale(.8);animation:scaleIn .5s ease-out forwards}@keyframes scaleIn{to{opacity:1;transform:scale(1)}}.slide-in-left{opacity:0;transform:translate(-30px);animation:slideInLeft .6s ease-out forwards}.slide-in-right{opacity:0;transform:translate(30px);animation:slideInRight .6s ease-out forwards}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}@keyframes slideInRight{to{opacity:1;transform:translate(0)}}.bounce-in{animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xl);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.status-success{background-color:#12eb931a;color:var(--accent-primary)}.status-warning{background-color:#f59e0b1a;color:var(--accent-warning)}.status-error{background-color:#ef44441a;color:var(--accent-error)}.status-info{background-color:#62afff1a;color:var(--accent-secondary)}.footer-nav-list{list-style:none;display:flex;gap:1rem}.footer-nav-list a{text-decoration:none;color:var(--text-secondary);font-family:var(--font-family-body);transition:var(--transition-fast)}.footer-nav-list a:hover{color:var(--accent-secondary)}@media (min-width: 23.4375em){.header-container,.content-container,.footer-container,.container-narrow,.container-wide,.container-full{padding:0 1.25rem}.btn,.nav-menu a{min-height:48px}}@media (min-width: 48em){.header-container,.content-container,.footer-container,.container-narrow,.container-wide,.container-full{padding:0 2rem}.nav-toggle{display:none}.nav-menu{position:static;transform:none;background:none;flex-direction:row;justify-content:flex-end;gap:var(--spacing-lg);padding:0}.nav-menu li{opacity:1;transform:none}.nav-menu a{font-size:var(--font-size-body);padding:var(--spacing-sm) var(--spacing-md);min-height:auto;white-space:nowrap}.nav-menu a:after{bottom:0;left:var(--spacing-md)}.nav-menu a:hover:after,.nav-menu a:focus:after,.nav-menu a.active:after,.nav-menu a[aria-current=page]:after{width:calc(100% - (var(--spacing-md) * 2));left:var(--spacing-md)}.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.content-grid-2,.content-grid-3,.content-grid-4{grid-template-columns:repeat(2,1fr)}.content-section{padding:var(--spacing-2xl) 0}.content-section-wide{padding:var(--spacing-3xl) 0}.hero-container{grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.hero-content{text-align:left}.hero-title:after{left:0;transform:none}.hero-description{margin-left:0;margin-right:0;max-width:none}.hero-cta-group{justify-content:flex-start}.hero-icons{grid-template-columns:repeat(4,1fr);max-width:450px}.hero-app-mockup{max-width:480px}.features-grid{grid-template-columns:repeat(3,1fr)}.benefits-grid,.nav-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 64em){.header-container,.content-container,.footer-container,.container-narrow,.container-wide,.container-full{padding:0 2.5rem}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid,.flex{gap:var(--spacing-lg)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.content-grid-3{grid-template-columns:repeat(3,1fr)}.content-grid-4{grid-template-columns:repeat(4,1fr)}.features-grid,.benefits-grid{grid-template-columns:repeat(3,1fr)}.hero-section{min-height:90vh;padding:var(--spacing-3xl) 0}.hero-container{gap:var(--spacing-3xl)}.hero-app-mockup{max-width:520px}.hero-icons{max-width:500px;gap:var(--spacing-xl)}.icon-circle{width:64px;height:64px;font-size:1.125rem}.nav-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 90em){.header-container,.content-container,.footer-container,.container-narrow,.container-wide{padding:0 3rem}.container-wide{max-width:1400px}.grid,.flex{gap:var(--spacing-xl)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}.btn{font-weight:var(--font-weight-medium);font-size:var(--font-size-body);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:44px;position:relative;overflow:hidden;font-family:var(--font-family-body);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left var(--transition-normal);z-index:1}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;z-index:1}.btn:active:after{width:200px;height:200px}.btn>*{position:relative;z-index:2}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),#0fd87a);color:var(--text-primary);border-color:var(--accent-primary);box-shadow:0 2px 8px #12eb934d}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-color),#0d1515);color:var(--text-inverse);border-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 8px 25px #17212166}.btn-primary:active{transform:translateY(-1px);box-shadow:0 4px 15px #1721214d}.btn-secondary{background:linear-gradient(135deg,var(--accent-secondary),#4a9aeb);color:var(--text-inverse);border-color:var(--accent-secondary);box-shadow:0 2px 8px #62afff4d}.btn-secondary:hover{background:linear-gradient(135deg,var(--secondary-dark),#3a8adb);border-color:var(--secondary-dark);transform:translateY(-3px);box-shadow:0 8px 25px #62afff66}.btn-secondary:active{transform:translateY(-1px);box-shadow:0 4px 15px #62afff4d}.btn-outline{background:transparent;color:var(--accent-secondary);border-color:var(--accent-secondary);position:relative}.btn-outline:before{background:linear-gradient(90deg,transparent,rgba(98,175,255,.1),transparent)}.btn-outline:hover{background:var(--accent-secondary);color:var(--text-inverse);transform:translateY(-3px);box-shadow:0 8px 25px #62afff4d}.btn-outline:active{transform:translateY(-1px)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-small);min-height:36px}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-body);min-height:52px}a{color:var(--accent-secondary);text-decoration:none;position:relative;transition:all var(--transition-fast);display:inline-block}a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent-secondary),var(--accent-primary));transition:width var(--transition-fast);border-radius:1px}a:hover:after,a:focus:after{width:100%}a:hover,a:focus{color:var(--secondary-dark);transform:translateY(-1px)}.link-primary{color:var(--accent-primary)}.link-primary:after{background:linear-gradient(90deg,var(--accent-primary),var(--secondary-color))}.link-subtle{color:var(--text-secondary)}.link-subtle:hover{color:var(--accent-secondary)}.link-subtle:after{background:var(--accent-secondary)}.link-external:before{content:"";display:inline-block;width:12px;height:12px;margin-right:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2362afff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15,3 21,3 21,9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;transition:transform var(--transition-fast)}.link-external:hover:before{transform:scale(1.1)}.interactive{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);position:relative;border-radius:var(--radius-sm);overflow:hidden}.interactive:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#62afff33;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.interactive:hover{transform:scale(1.05);background-color:var(--background-secondary)}.interactive:active{transform:scale(.95)}.interactive:active:before{width:100px;height:100px}.fab{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;background:linear-gradient(135deg,var(--accent-primary),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);cursor:pointer;transition:all var(--transition-fast);z-index:1000;border:none;color:var(--text-inverse);font-size:1.5rem}.fab:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 12px 30px #62afff66}.fab:active{transform:scale(.95)}.tooltip{position:relative;display:inline-block}.tooltip:before{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:var(--background-dark);color:var(--text-inverse);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-caption);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:1000}.tooltip:after{content:"";position:absolute;bottom:115%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--background-dark);opacity:0;visibility:hidden;transition:all var(--transition-fast)}.tooltip:hover:before,.tooltip:hover:after{opacity:1;visibility:visible}.progress-ring{width:60px;height:60px;position:relative}.progress-ring-circle{width:100%;height:100%;fill:none;stroke:var(--border-light);stroke-width:4;transform:rotate(-90deg);transform-origin:50% 50%}.progress-ring-progress{stroke:var(--accent-secondary);stroke-linecap:round;transition:stroke-dashoffset .5s ease}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-medium);transition:var(--transition-fast);border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--background-primary);transition:var(--transition-fast);border-radius:50%;box-shadow:var(--shadow-sm)}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,var(--accent-primary),var(--secondary-color))}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.notification-badge{position:absolute;top:-8px;right:-8px;background:var(--accent-error);color:var(--text-inverse);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:var(--font-weight-bold);animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.glow-on-hover{position:relative;transition:all var(--transition-fast)}.glow-on-hover:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--accent-primary),var(--secondary-color),var(--accent-primary));border-radius:inherit;opacity:0;transition:opacity var(--transition-fast);z-index:-1;filter:blur(8px)}.glow-on-hover:hover:before{opacity:.7}.magnetic{transition:transform var(--transition-fast)}.magnetic:hover{transform:translate(2px,-2px)}.parallax{transform:translateZ(0);transition:transform .1s ease-out}.page-transition{opacity:0;transform:translateY(20px);transition:all .5s ease-out}.page-transition.loaded{opacity:1;transform:translateY(0)}.form-label{font-family:var(--font-family-body);font-weight:var(--font-weight-medium);font-size:var(--font-size-small);color:var(--text-primary);display:block;margin-bottom:var(--spacing-xs)}.form-input,.form-textarea,.form-select{font-family:var(--font-family-body);font-size:var(--font-size-body);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-light);border-radius:var(--radius-md);background-color:var(--background-primary);color:var(--text-primary);transition:all var(--transition-fast);min-height:44px}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--accent-secondary);box-shadow:0 0 0 3px #62afff1a}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{min-height:120px;resize:vertical}.form-checkbox,.form-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid var(--border-medium);border-radius:var(--radius-sm);background-color:var(--background-primary);cursor:pointer;transition:var(--transition-fast);position:relative}.form-radio{border-radius:50%}.form-checkbox:checked,.form-radio:checked{background-color:var(--accent-secondary);border-color:var(--accent-secondary)}.form-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-inverse);font-size:12px;font-weight:700}.form-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background-color:var(--text-inverse);border-radius:50%}.card{background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--border-medium)}.card:hover:before{transform:scaleX(1)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-light)}.card-title{font-family:var(--font-family-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.card-subtitle{font-size:var(--font-size-small);color:var(--text-secondary)}.card-body{margin-bottom:var(--spacing-md)}.card-footer{padding-top:var(--spacing-sm);border-top:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.card-elevated{box-shadow:var(--shadow-md)}.card-flat{box-shadow:none;border:2px solid var(--border-light)}.card-accent{border-color:var(--accent-secondary);background:linear-gradient(135deg,var(--background-primary) 0%,var(--background-secondary) 100%)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-secondary)}.bg-primary{background-color:var(--background-primary)}.bg-secondary{background-color:var(--background-secondary)}.bg-dark{background-color:var(--background-dark);color:var(--text-inverse)}.bg-accent{background-color:var(--background-accent);color:var(--text-primary)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.font-heading{font-family:var(--font-family-heading)}.font-body{font-family:var(--font-family-body)}.font-bold{font-weight:var(--font-weight-bold)}.font-medium{font-weight:var(--font-weight-medium)}.font-regular{font-weight:var(--font-weight-regular)}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.show-mobile{display:block}.hide-mobile,.show-tablet{display:none}.hide-tablet{display:block}.show-desktop{display:none}.hide-desktop{display:block}@media (min-width: 23.4375em){.show-sm{display:block}.hide-sm{display:none}}@media (min-width: 48em){.show-mobile{display:none}.hide-mobile,.show-tablet{display:block}.hide-tablet{display:none}.show-md{display:block}.hide-md{display:none}}@media (min-width: 64em){.show-desktop{display:block}.hide-desktop{display:none}.show-lg{display:block}.hide-lg{display:none}}@media (min-width: 90em){.show-xl{display:block}.hide-xl{display:none}}.flex-mobile{display:flex}.flex-col-mobile{flex-direction:column}.flex-row-mobile{flex-direction:row}@media (min-width: 48em){.flex-tablet{display:flex}.flex-col-tablet{flex-direction:column}.flex-row-tablet{flex-direction:row}}@media (min-width: 64em){.flex-desktop{display:flex}.flex-col-desktop{flex-direction:column}.flex-row-desktop{flex-direction:row}}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}@media (min-width: 48em){.tablet-text-left{text-align:left}.tablet-text-center{text-align:center}.tablet-text-right{text-align:right}}@media (min-width: 64em){.desktop-text-left{text-align:left}.desktop-text-center{text-align:center}.desktop-text-right{text-align:right}}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.h-full{height:100%}.h-screen{height:100vh}.h-auto{height:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}@media (min-width: 23.4375em){.header-container,.content-container,.footer-container{padding:0 1.25rem}}@media (min-width: 48em){.header-container,.content-container,.footer-container{padding:0 2rem}}@media (min-width: 64em){.header-container,.content-container,.footer-container{padding:0 2.5rem}}@media (min-width: 90em){.header-container,.content-container,.footer-container{max-width:1400px;padding:0 3rem}}.content-navigation{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--background-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-light)}.content-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.content-nav-link{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-secondary);text-decoration:none;font-family:var(--font-family-body);font-size:var(--font-size-small);font-weight:500;border-radius:var(--border-radius-sm);transition:all .2s ease;border:1px solid transparent}.content-nav-link:hover,.content-nav-link:focus{color:var(--secondary-color);background-color:var(--background-primary);border-color:var(--border-medium);text-decoration:none}.content-nav-link:active{transform:translateY(1px)}.content-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.content-section:last-child{border-bottom:none;margin-bottom:0}.content-section[data-source]{position:relative}.content-section[data-source]:before{content:"Source: " attr(data-source);position:absolute;top:-1.5rem;right:0;font-size:var(--font-size-caption);color:var(--text-muted);font-family:var(--font-family-body);font-style:italic}.loading-placeholder{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary);font-family:var(--font-family-body)}.loading-placeholder p{margin:0;font-size:var(--font-size-body)}@media (max-width: 767px){.content-nav-list{flex-direction:column}.content-nav-link{display:block;text-align:center;padding:var(--spacing-sm)}.content-section[data-source]:before{position:static;display:block;text-align:right;margin-bottom:var(--spacing-xs)}}@media (min-width: 768px){.content-navigation{padding:var(--spacing-lg)}.content-nav-list{justify-content:center}}.touch-active{transform:scale(.98);opacity:.8;transition:transform .1s ease-out,opacity .1s ease-out}.keyboard-navigation *:focus{outline:2px solid var(--accent-secondary);outline-offset:2px;border-radius:var(--radius-sm)}.nav-open{overflow:hidden}.nav-menu.nav-open{transform:translate(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:6px;background:var(--background-dark);color:var(--text-inverse);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;border-radius:var(--radius-sm);z-index:1000;transition:top var(--transition-fast)}.skip-link:focus{top:6px}.primary-nav-link.active,.secondary-nav-link.active{color:var(--accent-secondary);background-color:var(--background-secondary);font-weight:var(--font-weight-medium)}button,a,[role=button]{position:relative;transition:all var(--transition-fast)}button:hover:not(:disabled),a:hover,[role=button]:hover{transform:translateY(-1px)}button:active:not(:disabled),a:active,[role=button]:active{transform:translateY(0)}@media (max-width: 47.9375em){button,a,[role=button],input,select,textarea{min-height:44px;min-width:44px}.nav-menu a{min-height:48px;display:flex;align-items:center}}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.nav-menu[aria-expanded=true]{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--background-primary);z-index:999;display:flex;flex-direction:column;justify-content:center;align-items:center}.reduced-motion html{scroll-behavior:auto}.loading-placeholder{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary);font-style:italic}.error-message,.no-content,.processing-error{margin:var(--spacing-lg) 0;padding:var(--spacing-lg);border-radius:var(--radius-md);font-family:var(--font-family-body)}.error-message{border:1px solid var(--accent-error);background-color:#fef2f2;color:#991b1b}.no-content{border:1px solid var(--accent-warning);background-color:#fffbeb;color:#92400e}.processing-error{border:1px solid var(--border-medium);background-color:var(--background-secondary);color:var(--text-secondary)}.content-navigation{background:var(--background-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.content-navigation .nav-header h2{font-family:var(--font-family-heading);font-size:var(--font-size-h3);color:var(--text-primary);margin-bottom:var(--spacing-md)}.primary-nav-list,.secondary-nav-list{list-style:none;padding:0;margin:0}.primary-nav-item{margin-bottom:var(--spacing-sm)}.secondary-nav-list{margin-top:var(--spacing-sm);margin-left:var(--spacing-md)}.secondary-nav-item{margin-bottom:var(--spacing-xs)}.primary-nav-link,.secondary-nav-link{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-family:var(--font-family-body)}.primary-nav-link{font-weight:var(--font-weight-medium);font-size:var(--font-size-body)}.secondary-nav-link{font-size:var(--font-size-small);color:var(--text-secondary)}.primary-nav-link:hover,.secondary-nav-link:hover,.primary-nav-link:focus,.secondary-nav-link:focus{background-color:var(--background-primary);color:var(--accent-secondary);text-decoration:none}.route-container{margin-bottom:var(--spacing-2xl)}.route-header{margin-bottom:var(--spacing-xl)}.route-title{font-family:var(--font-family-heading);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md)}.content-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--background-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}@media (prefers-contrast: high){:root{--text-primary: #000000;--text-secondary: #333333;--background-primary: #ffffff;--background-secondary: #f0f0f0;--border-light: #666666;--border-medium: #333333;--accent-secondary: #0066cc}}@media print{.nav-toggle,.content-navigation,.skip-link{display:none}.nav-menu{position:static;transform:none;background:none}.nav-menu a{color:#000}}.pricing-section{padding:var(--spacing-3xl) 0;background:var(--background-secondary);position:relative}.pricing-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-light),transparent)}.pricing-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl)}@media (min-width: 768px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}.pricing-card{background:var(--background-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:2px solid var(--border-light);transition:all var(--transition-normal);position:relative;display:flex;flex-direction:column;height:100%;box-shadow:var(--shadow-sm)}.pricing-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--secondary-color)}.pricing-card--featured{border-color:var(--accent-primary);box-shadow:0 8px 25px #12eb9326;transform:scale(1.05)}.pricing-card--featured:hover{transform:scale(1.05) translateY(-8px);box-shadow:0 12px 35px #12eb9340}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--accent-primary),var(--secondary-color));color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-md)}.pricing-header{text-align:center;margin-bottom:var(--spacing-lg)}.pricing-title{font-family:var(--font-family-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.pricing-description{color:var(--text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-relaxed)}.pricing-price{text-align:center;margin-bottom:var(--spacing-xl);display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-xs)}.price-currency{font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.price-amount{font-family:var(--font-family-heading);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1}.price-period{font-size:var(--font-size-body);color:var(--text-secondary);font-weight:var(--font-weight-regular)}.pricing-features{list-style:none;margin-bottom:var(--spacing-xl);flex-grow:1}.feature-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) 0}.feature-icon{color:var(--accent-primary);font-weight:700;font-size:1.1em;flex-shrink:0;width:20px;text-align:center}.feature-text{color:var(--text-primary);font-size:var(--font-size-body);line-height:var(--line-height-normal)}.pricing-cta{width:100%;margin-top:auto;padding:var(--spacing-md) var(--spacing-lg);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-normal)}.pricing-card--featured .pricing-cta{background:linear-gradient(135deg,var(--accent-primary),var(--secondary-color));border:none;color:#fff;box-shadow:0 4px 15px #12eb934d}.pricing-card--featured .pricing-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #12eb9366}.pricing-faq{margin-top:var(--spacing-3xl);padding-top:var(--spacing-3xl);border-top:1px solid var(--border-light)}.faq-title{font-family:var(--font-family-heading);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--spacing-xl);color:var(--text-primary)}.faq-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width: 768px){.faq-grid{grid-template-columns:repeat(2,1fr)}}.faq-item{background:var(--background-primary);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all var(--transition-normal)}.faq-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--secondary-color)}.faq-question{font-family:var(--font-family-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.faq-answer{color:var(--text-secondary);line-height:var(--line-height-relaxed);font-size:var(--font-size-body)}.pricing-card--starter{border-color:var(--border-light)}.pricing-card--starter:hover{border-color:var(--secondary-color)}.pricing-card--enterprise{border-color:var(--primary-color)}.pricing-card--enterprise:hover{border-color:var(--primary-light);box-shadow:0 8px 25px #17212126}@media (max-width: 767px){.pricing-card--featured{transform:none;margin:var(--spacing-lg) 0}.pricing-card--featured:hover{transform:translateY(-8px)}.pricing-grid{gap:var(--spacing-lg)}.pricing-card{padding:var(--spacing-lg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pricing-card{animation:fadeInUp .6s ease-out forwards}.pricing-card:nth-child(1){animation-delay:.1s}.pricing-card:nth-child(2){animation-delay:.2s}.pricing-card:nth-child(3){animation-delay:.3s}.pricing-section:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(98,175,255,.05) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(18,235,147,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.pricing-section>*{position:relative;z-index:1}.site-footer{background:var(--background-dark);color:var(--text-inverse);margin-top:auto;position:relative}.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.footer-container{max-width:1200px;margin:0 auto;padding:0 1rem}.footer-main{padding:var(--spacing-3xl) 0 var(--spacing-xl) 0}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}@media (min-width: 768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-2xl)}}.footer-section{display:flex;flex-direction:column}.footer-brand{margin-bottom:var(--spacing-lg)}.footer-logo{font-family:var(--font-family-heading);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--text-inverse);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--accent-primary),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-description{color:#fffc;line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg);max-width:300px}.footer-social{display:flex;gap:var(--spacing-md)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:var(--radius-md);color:#fffc;transition:all var(--transition-normal);text-decoration:none}.social-link:hover{background:var(--accent-primary);color:var(--text-primary);transform:translateY(-2px)}.social-link svg{width:20px;height:20px}.footer-title{font-family:var(--font-family-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);color:var(--text-inverse);margin-bottom:var(--spacing-md)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-links a{color:#fffc;text-decoration:none;font-size:var(--font-size-body);transition:all var(--transition-fast);padding:var(--spacing-xs) 0}.footer-links a:hover{color:var(--accent-primary);transform:translate(4px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:var(--spacing-lg) 0}.footer-bottom-content{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center;text-align:center}@media (min-width: 768px){.footer-bottom-content{flex-direction:row;justify-content:space-between;text-align:left}}.footer-copyright{color:#fff9;font-size:var(--font-size-small)}.footer-legal{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center}@media (min-width: 768px){.footer-legal{justify-content:flex-end}}.footer-legal a{color:#fff9;text-decoration:none;font-size:var(--font-size-small);transition:color var(--transition-fast)}.footer-legal a:hover{color:var(--accent-primary)}@media (max-width: 767px){.footer-main{padding:var(--spacing-2xl) 0 var(--spacing-lg) 0}.footer-grid{gap:var(--spacing-lg)}.footer-brand{text-align:center;margin-bottom:var(--spacing-xl)}.footer-description{max-width:none;text-align:center}.footer-social{justify-content:center}.footer-section{text-align:center}.footer-links{align-items:center}}.footer-section{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease-out forwards}.footer-section:nth-child(1){animation-delay:.1s}.footer-section:nth-child(2){animation-delay:.2s}.footer-section:nth-child(3){animation-delay:.3s}.footer-section:nth-child(4){animation-delay:.4s}.site-footer:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(98,175,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(18,235,147,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.site-footer>*{position:relative;z-index:1}.btn{position:relative;overflow:hidden;z-index:1}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s;z-index:-1}.btn:hover:before{left:100%}.feature-card,.benefit-card,.pricing-card,.nav-card{position:relative;overflow:hidden}.feature-card:before,.benefit-card:before,.pricing-card:before,.nav-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#62afff0d,#12eb930d);opacity:0;transition:opacity var(--transition-normal);z-index:0}.feature-card:hover:before,.benefit-card:hover:before,.pricing-card:hover:before,.nav-card:hover:before{opacity:1}.feature-card>*,.benefit-card>*,.pricing-card>*,.nav-card>*{position:relative;z-index:1}html{scroll-behavior:smooth}.btn:focus-visible,.nav-card:focus-visible,.pricing-cta:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-md)}.loading{position:relative;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--border-light);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero-parallax{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#62afff1a,#12eb931a);transform:translateZ(0);will-change:transform}.hero-title{background:linear-gradient(135deg,var(--text-primary),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.responsive-img{transition:opacity .3s ease,transform .3s ease}.responsive-img:hover{transform:scale(1.02)}.responsive-img[loading=lazy]{opacity:0}.responsive-img[loading=lazy].loaded{opacity:1}.nav-toggle{display:flex;flex-direction:column;justify-content:space-around;width:24px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.nav-toggle span{display:block;height:2px;width:100%;background:var(--text-primary);border-radius:1px;transition:all .3s linear;position:relative;transform-origin:1px}.nav-toggle[aria-expanded=true] span:first-child{transform:rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:rotate(-45deg)}@media (max-width: 767px){.nav-menu{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background:var(--background-primary);box-shadow:-2px 0 10px #0000001a;transition:right .3s ease;padding:var(--spacing-3xl) var(--spacing-lg) var(--spacing-lg);z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-lg)}.nav-menu.active{right:0}.nav-menu a{padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-light);font-size:var(--font-size-h3);font-weight:var(--font-weight-medium)}.nav-toggle{display:flex}}@media (min-width: 768px){.nav-toggle{display:none}.nav-menu{display:flex;gap:var(--spacing-lg);align-items:center}.nav-menu a{font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.nav-menu a:hover{color:var(--secondary-color)}}.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-in-up.visible{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transform:translate(-30px);transition:opacity .6s ease,transform .6s ease}.fade-in-left.visible{opacity:1;transform:translate(0)}.fade-in-right{opacity:0;transform:translate(30px);transition:opacity .6s ease,transform .6s ease}.fade-in-right.visible{opacity:1;transform:translate(0)}.stagger-animation>*{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.stagger-animation.visible>*:nth-child(1){transition-delay:.1s}.stagger-animation.visible>*:nth-child(2){transition-delay:.2s}.stagger-animation.visible>*:nth-child(3){transition-delay:.3s}.stagger-animation.visible>*:nth-child(4){transition-delay:.4s}.stagger-animation.visible>*:nth-child(5){transition-delay:.5s}.stagger-animation.visible>*:nth-child(6){transition-delay:.6s}.stagger-animation.visible>*{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){:root{--text-primary: #000000;--text-secondary: #333333;--background-primary: #ffffff;--border-light: #000000;--secondary-color: #0066cc;--accent-primary: #008800}}@media (prefers-color-scheme: dark){:root{--text-primary: #ffffff;--text-secondary: #cccccc;--text-inverse: #000000;--background-primary: #1a1a1a;--background-secondary: #2a2a2a;--background-dark: #000000;--border-light: #333333;--border-medium: #555555}}.hero-visual,.pricing-card,.feature-card{will-change:transform;transform:translateZ(0)}@media (prefers-reduced-motion: reduce){.hero-visual,.pricing-card,.feature-card,.btn{transform:none!important;transition:none!important;animation:none!important}}.pricing-section{padding:var(--spacing-3xl) 0!important;background:#f8f9fa!important;position:relative;overflow:hidden}.pricing-decoration{display:flex;justify-content:center;margin-bottom:var(--spacing-2xl)}.oval-element{width:120px;height:240px;background:linear-gradient(180deg,#62afff,#12eb93);border-radius:60px;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px #62afff4d;position:relative}.oval-number{font-size:4rem;font-weight:700;color:#fff;font-family:var(--font-family-heading)}.pricing-grid.niba-style{display:grid!important;grid-template-columns:1fr!important;gap:24px!important;max-width:1200px;margin:0 auto!important}@media (min-width: 768px){.pricing-grid.niba-style{grid-template-columns:repeat(2,1fr)!important}}@media (min-width: 1024px){.pricing-grid.niba-style{grid-template-columns:repeat(3,1fr)!important}}.niba-card{background:#fff!important;border-radius:16px!important;padding:24px!important;border:1px solid #e9ecef!important;transition:all .3s ease!important;position:relative;box-shadow:0 2px 8px #0000000a!important;display:flex;flex-direction:column;height:auto!important}.niba-card:hover{transform:translateY(-4px)!important;box-shadow:0 8px 24px #0000001f!important;border-color:#12eb93!important}.card-header{margin-bottom:20px}.plan-name{font-family:var(--font-family-heading);font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.plan-description{font-size:14px;color:#6c757d;margin:0;line-height:1.4}.plan-actions{display:flex;gap:12px;margin-bottom:24px}.discover-btn{flex:1;background:#12eb93;color:#fff;border:none;border-radius:24px;padding:12px 20px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s ease}.discover-btn:hover{background:#0fc77d;transform:translateY(-1px)}.add-btn{width:44px;height:44px;border:2px solid #e9ecef;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.add-btn:hover{border-color:#12eb93;background:#f8fff8}.plan-features{display:flex;flex-direction:column;gap:20px}.feature-section{border-bottom:1px solid #f1f3f4;padding-bottom:16px}.feature-section:last-child{border-bottom:none;padding-bottom:0}.feature-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.feature-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:14px}.feature-header h4{font-size:14px;font-weight:600;color:#1a1a1a;margin:0}.feature-list{display:flex;flex-direction:column;gap:8px}.feature-row{display:flex;align-items:center;gap:12px;padding:4px 0}.feature-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.basic-dot{background:#12eb93}.yellow-dot{background:#ffc107}.green-dot{background:#28a745}.feature-label{font-size:13px;color:#6c757d;flex:1}.feature-value{font-size:14px;font-weight:600;color:#1a1a1a}.unit{font-size:12px;font-weight:400;color:#6c757d}@media (max-width: 767px){.oval-element{width:80px;height:160px;border-radius:40px}.oval-number{font-size:2.5rem}.niba-card{padding:20px!important}.plan-name{font-size:20px}}.niba-card{opacity:0;transform:translateY(20px);animation:nibaFadeInUp .6s ease-out forwards}.niba-card:nth-child(1){animation-delay:.1s}.niba-card:nth-child(2){animation-delay:.2s}.niba-card:nth-child(3){animation-delay:.3s}@keyframes nibaFadeInUp{to{opacity:1;transform:translateY(0)}}.discover-btn svg,.add-btn svg{transition:transform .3s ease}.discover-btn:hover svg{transform:translate(2px) translateY(-2px)}.add-btn:hover svg{transform:rotate(90deg)}.discover-btn:focus,.add-btn:focus{outline:2px solid #12eb93;outline-offset:2px}.add-btn,.feature-dot{aspect-ratio:1}@media print{.pricing-decoration,.plan-actions{display:none}}.icon-circle,.add-btn,.feature-dot,.control-dot,.form-radio{aspect-ratio:1!important;border-radius:50%!important}.icon-circle{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important}.feature-dot{width:8px!important;height:8px!important;min-width:8px!important;min-height:8px!important}.add-btn{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}.control-dot{width:8px!important;height:8px!important;min-width:8px!important;min-height:8px!important}@media (min-width: 768px){.icon-circle{width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.modal-content{background:var(--background-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--border-light)}.modal-header h2{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);color:var(--text-primary)}.modal-close-btn{background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal-close-btn:hover{background:var(--background-secondary);color:var(--text-primary)}.modal-body{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl)}.verification-instruction{margin-bottom:var(--spacing-sm);color:var(--text-secondary);text-align:center}.email-display{font-weight:var(--font-weight-medium);color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background:var(--background-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.time-remaining{text-align:center;margin-bottom:var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-small)}.time-remaining strong{color:var(--accent-warning)}.verification-code-input{text-align:center;font-size:1.5rem;font-weight:var(--font-weight-medium);letter-spacing:.5rem;font-family:Courier New,monospace}.verification-code-input.error{border-color:var(--accent-error);box-shadow:0 0 0 3px #ef44441a}.error-message{color:var(--accent-error);font-size:var(--font-size-small);margin-top:var(--spacing-xs);text-align:center}.btn-full-width{width:100%;justify-content:center}.resend-text{margin-bottom:var(--spacing-sm);color:var(--text-secondary);font-size:var(--font-size-small)}.resend-section .btn{min-width:auto;padding:var(--spacing-sm) var(--spacing-md)}@media (max-width: 768px){.modal-overlay{padding:var(--spacing-sm)}.modal-header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md)}.modal-body{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg)}.verification-code-input{font-size:1.25rem;letter-spacing:.25rem}}.modal-close-btn:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:2px}.verification-code-input:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #62afff1a}.landing-page{min-height:100vh;background:linear-gradient(135deg,var(--background-primary) 0%,var(--background-secondary) 100%);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg) var(--spacing-md)}.landing-container{width:100%;max-width:600px;margin:0 auto}.url-input-container{background:var(--background-primary);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);animation:fadeIn .6s ease-out}.url-input-header{text-align:center;margin-bottom:var(--spacing-2xl)}.url-input-header h1{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.url-input-description{color:var(--text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);max-width:500px;margin:0 auto}.url-input-form{margin-bottom:var(--spacing-2xl)}.form-group:last-child{margin-bottom:0}.form-help-text{margin-top:var(--spacing-xs);font-size:var(--font-size-small);color:var(--text-muted);line-height:var(--line-height-normal)}.error-message{margin-top:var(--spacing-xs);font-size:var(--font-size-small);color:var(--accent-error);display:flex;align-items:center;gap:var(--spacing-xs)}.error-message:before{content:"⚠";font-size:1rem}.error-message-global{margin:var(--spacing-md) 0;padding:var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);font-size:var(--font-size-body)}.form-input.error{border-color:var(--accent-error);box-shadow:0 0 0 3px #ef44441a}.btn-full-width{width:100%;justify-content:center;min-height:52px;font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:rotate 1s linear infinite;margin-right:var(--spacing-sm)}.url-input-features{border-top:1px solid var(--border-light);padding-top:var(--spacing-xl)}.feature-list{display:grid;gap:var(--spacing-md)}.feature-item{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-body);color:var(--text-primary)}.feature-icon{width:24px;height:24px;background:var(--accent-primary);color:var(--text-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:var(--font-weight-bold);flex-shrink:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);animation:fadeIn .3s ease-out}.modal-content{background:var(--background-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:slideInLeft .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-xl) 0;margin-bottom:var(--spacing-lg)}.modal-header h2{color:var(--text-primary);font-size:var(--font-size-h2);font-weight:var(--font-weight-medium);margin:0}.modal-close-btn{width:32px;height:32px;border:none;background:var(--background-secondary);color:var(--text-secondary);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;transition:all var(--transition-fast)}.modal-close-btn:hover{background:var(--border-medium);color:var(--text-primary);transform:scale(1.1)}.modal-body{padding:0 var(--spacing-xl) var(--spacing-xl)}.verification-instruction{color:var(--text-secondary);margin-bottom:var(--spacing-sm);line-height:var(--line-height-normal)}.email-display{color:var(--text-primary);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--background-secondary);border-radius:var(--radius-md);text-align:center;word-break:break-all}.time-remaining{color:var(--accent-warning);font-size:var(--font-size-small);text-align:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-sm);background:#f59e0b1a;border-radius:var(--radius-md)}.verification-form{margin-bottom:var(--spacing-xl)}.verification-code-input{text-align:center;font-size:1.25rem;font-weight:var(--font-weight-medium);letter-spacing:.5rem;font-family:Courier New,monospace}.verification-code-input::placeholder{letter-spacing:.25rem;opacity:.5}.resend-section{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.resend-text{color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:var(--font-size-small)}@media (min-width: 768px){.landing-page{padding:var(--spacing-xl)}.url-input-container{padding:var(--spacing-3xl)}.feature-list{grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.modal-content{max-width:520px}}@media (min-width: 1024px){.landing-container{max-width:700px}.url-input-header h1{font-size:clamp(2.5rem,4vw + 1rem,3.5rem)}.feature-list{grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}}@media (min-width: 1200px){.landing-container{max-width:800px}}@media (max-width: 480px){.landing-page{padding:var(--spacing-md);align-items:flex-start;padding-top:var(--spacing-xl)}.url-input-container{padding:var(--spacing-xl)}.url-input-header h1{font-size:var(--font-size-h2)}.modal-overlay{padding:var(--spacing-sm)}.modal-header{padding:var(--spacing-lg) var(--spacing-lg) 0}.modal-body{padding:0 var(--spacing-lg) var(--spacing-lg)}.verification-code-input{font-size:1.125rem;letter-spacing:.25rem}}@media (prefers-contrast: high){.url-input-container,.modal-content,.feature-icon{border:2px solid var(--text-primary)}}@media (prefers-reduced-motion: reduce){.url-input-container,.modal-content,.loading-spinner{animation:none}.btn,.form-input,.modal-close-btn{transition:none}}@media (prefers-color-scheme: dark){.landing-page{background:linear-gradient(135deg,var(--background-dark) 0%,var(--primary-dark) 100%)}}.analysis-summary{max-width:1000px;margin:0 auto;padding:var(--spacing-xl);background:var(--background-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);animation:fadeIn .6s ease-out}.analysis-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:2px solid var(--border-light);gap:var(--spacing-xl)}.analysis-meta h1{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:var(--font-size-h1)}.analysis-details p{margin:0;color:var(--text-secondary);font-size:var(--font-size-body)}.analysis-details strong{color:var(--text-primary);font-weight:var(--font-weight-medium)}.analysis-url a{color:var(--accent-secondary);text-decoration:none;word-break:break-all;transition:color var(--transition-fast)}.seo-score-container{display:flex;align-items:center;justify-content:center;flex-shrink:0}.score-text{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.score-number{font-size:2rem;font-weight:var(--font-weight-bold);font-family:var(--font-family-heading);color:var(--text-primary);line-height:1}.score-label{font-size:var(--font-size-caption);color:var(--text-secondary);font-weight:var(--font-weight-medium);margin-top:var(--spacing-xs)}.summary-section{background:var(--background-secondary);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.section-header h2{color:var(--text-primary);margin:0}.summary-content{line-height:var(--line-height-relaxed)}.summary-heading{color:var(--text-primary);font-size:var(--font-size-h3);margin:var(--spacing-lg) 0 var(--spacing-md) 0;font-weight:var(--font-weight-medium)}.summary-paragraph{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:var(--font-size-body)}.summary-bullet{color:var(--text-primary);margin-bottom:var(--spacing-sm);margin-left:var(--spacing-md);position:relative}.summary-bullet:before{content:"•";color:var(--accent-primary);font-weight:700;position:absolute;left:-var(--spacing-md)}.summary-editor{min-height:300px;font-family:var(--font-family-body);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);resize:vertical}.edit-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.recommendations-section h2{color:var(--text-primary);margin-bottom:var(--spacing-lg)}.recommendations-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.recommendation-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-medium)}.recommendation-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.recommendation-title{color:var(--text-primary);font-size:var(--font-size-h3);margin:0;flex:1;line-height:var(--line-height-tight)}.priority-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);color:#fff;font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;box-shadow:var(--shadow-sm)}.recommendation-category{color:var(--text-secondary);font-size:var(--font-size-small);margin:0;font-weight:var(--font-weight-medium)}.recommendation-details{display:flex;flex-direction:column;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-light);animation:slideDown .3s ease-out}.detail-section h4{color:var(--accent-secondary);font-size:var(--font-size-body);margin:0 0 var(--spacing-xs) 0;font-weight:var(--font-weight-medium)}.detail-section p{color:var(--text-secondary);margin:0;line-height:var(--line-height-relaxed)}.expand-button{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--accent-secondary);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-sm) 0;transition:all var(--transition-fast);align-self:flex-start}.expand-button:hover{color:var(--secondary-dark);transform:translate(2px)}.expand-button svg{transition:transform var(--transition-fast)}.analysis-actions .btn{display:flex;align-items:center;gap:var(--spacing-sm)}@media (max-width: 768px){.analysis-summary{padding:var(--spacing-lg);margin:var(--spacing-md)}.analysis-header{flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-lg)}.analysis-meta{order:2}.seo-score-container{order:1}.recommendations-grid{grid-template-columns:1fr}.recommendation-title-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.priority-badge{align-self:flex-start}.analysis-actions{flex-direction:column;align-items:stretch}.edit-actions{flex-direction:column}}@media (max-width: 480px){.analysis-summary{padding:var(--spacing-md);margin:var(--spacing-sm)}.summary-section{padding:var(--spacing-lg)}.recommendation-card{padding:var(--spacing-md)}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.analysis-summary.loading{opacity:.7;pointer-events:none}.analysis-summary.loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10}@media (prefers-reduced-motion: reduce){.analysis-summary,.recommendation-card,.expand-button svg,.score-text{animation:none;transition:none}.recommendation-card:hover{transform:none}}@media (prefers-contrast: high){.analysis-summary,.recommendation-card{border:2px solid var(--text-primary)}.priority-badge{border:1px solid white}}@media print{.analysis-summary{box-shadow:none;border:1px solid #000}.analysis-actions,.edit-actions,.expand-button{display:none}.recommendation-details{display:block!important}.recommendation-card{break-inside:avoid;box-shadow:none;border:1px solid #000}}/ * ===== SCHEMA VIEWER COMPONENT STYLES ===== */ .schema-viewer{background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.schema-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--background-secondary);border-bottom:1px solid var(--border-light)}.view-mode-toggle{display:flex;background:var(--background-primary);border-radius:var(--radius-md);padding:var(--spacing-xs);gap:var(--spacing-xs)}.toggle-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-family-body);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.toggle-btn:hover{background:var(--background-tertiary);color:var(--text-primary)}.toggle-btn.active{background:var(--secondary-color);color:var(--text-inverse)}.toggle-btn svg{width:16px;height:16px}.copy-button{display:flex;align-items:center;gap:var(--spacing-sm)}.validation-results{padding:var(--spacing-md);border-bottom:1px solid var(--border-light)}.validation-results.valid{background:#12eb931a;border-left:4px solid var(--accent-primary)}.validation-results.invalid{background:#ef44441a;border-left:4px solid var(--accent-error)}.validation-status{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);font-size:var(--font-size-body)}.validation-errors h4,.validation-warnings h4{font-family:var(--font-family-heading);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-xs) 0;text-transform:uppercase;letter-spacing:.5px}.validation-errors h4{color:var(--accent-error)}.validation-warnings h4{color:var(--accent-warning)}.validation-errors ul,.validation-warnings ul{margin:0;padding-left:var(--spacing-md);list-style-type:disc}.validation-errors li,.validation-warnings li{font-family:var(--font-family-body);font-size:var(--font-size-small);line-height:var(--line-height-normal);margin-bottom:var(--spacing-xs)}.schema-content{padding:var(--spacing-md);max-height:600px;overflow-y:auto}.schema-properties{display:flex;flex-direction:column;gap:var(--spacing-sm)}.schema-property{border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden}.schema-property.level-0{background:var(--background-primary)}.schema-property.level-1{background:var(--background-secondary);margin-left:var(--spacing-md)}.schema-property.level-2{background:var(--background-tertiary);margin-left:var(--spacing-lg)}.property-header{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--background-secondary);border-bottom:1px solid var(--border-light)}.expand-button{background:none;border:none;padding:var(--spacing-xs);margin-right:var(--spacing-sm);cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.expand-button:hover{color:var(--text-primary)}.property-label{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-weight-medium);cursor:pointer}.property-key{font-family:var(--font-family-heading);color:var(--text-primary)}.schema-indicator{background:var(--secondary-color);color:var(--text-inverse);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium)}.property-value-container{padding:var(--spacing-md)}.property-input,.property-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-family:var(--font-family-body);font-size:var(--font-size-body);background:var(--background-primary);color:var(--text-primary);transition:border-color var(--transition-fast)}.property-input:focus,.property-select:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #62afff1a}.property-input:read-only{background:var(--background-tertiary);color:var(--text-secondary)}.array-label,.object-label{font-family:var(--font-family-heading);font-size:var(--font-size-small);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.array-items,.object-properties{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-left:var(--spacing-md);border-left:2px solid var(--border-light)}.array-item{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.array-index{font-family:var(--font-family-heading);font-size:var(--font-size-small);color:var(--text-secondary);font-weight:var(--font-weight-medium);min-width:20px}.property-value{font-family:var(--font-family-body);color:var(--text-primary)}.schema-textarea{width:100%;min-height:400px;padding:var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;background:var(--background-primary);color:var(--text-primary);resize:vertical;-moz-tab-size:2;tab-size:2}.schema-textarea:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #62afff1a}.schema-textarea.error{border-color:var(--accent-error);box-shadow:0 0 0 3px #ef44441a}.json-error{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ef44441a;border:1px solid var(--accent-error);border-radius:var(--radius-md);color:var(--accent-error);font-family:var(--font-family-body);font-size:var(--font-size-small)}.syntax-highlighted-view{background:var(--background-primary);border-radius:var(--radius-md);overflow:auto}.json-display{margin:0;padding:var(--spacing-md);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;background:transparent;color:var(--text-primary);overflow-x:auto}.json-display code{background:transparent;padding:0;font-family:inherit}.json-key{color:#0969da;font-weight:var(--font-weight-medium)}.json-string{color:#0a3069}.json-number{color:#0550ae}.json-boolean{color:#8250df;font-weight:var(--font-weight-medium)}.json-null{color:#6f7881;font-style:italic}@media (max-width: 768px){.schema-viewer-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.view-mode-toggle,.schema-actions{justify-content:center}.schema-content{padding:var(--spacing-sm)}.schema-property.level-1{margin-left:var(--spacing-sm)}.schema-property.level-2{margin-left:var(--spacing-md)}.property-header,.property-value-container{padding:var(--spacing-sm)}}@media (prefers-color-scheme: dark){.json-key{color:#79c0ff}.json-string{color:#a5d6ff}.json-number{color:#79c0ff}.json-boolean{color:#d2a8ff}.json-null{color:#8b949e}}.schema-editor-page{min-height:100vh;background:var(--background-secondary);display:flex;flex-direction:column}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:var(--spacing-2xl);text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top:3px solid var(--secondary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-lg)}.error-icon{color:var(--accent-error);margin-bottom:var(--spacing-lg)}.error-container h2{font-family:var(--font-family-heading);font-size:var(--font-size-h2);color:var(--text-primary);margin-bottom:var(--spacing-md)}.error-container p{font-family:var(--font-family-body);color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.page-header{background:var(--background-primary);border-bottom:1px solid var(--border-light);padding:var(--spacing-lg) var(--spacing-xl);position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.page-title h1{font-family:var(--font-family-heading);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.page-subtitle{font-family:var(--font-family-body);font-size:var(--font-size-body);color:var(--text-secondary);margin:var(--spacing-xs) 0 0 0}.page-subtitle a{color:var(--secondary-color);text-decoration:none}.page-subtitle a:hover{text-decoration:underline}.header-actions{display:flex;align-items:center;gap:var(--spacing-lg)}.schema-type-selector{display:flex;align-items:center;gap:var(--spacing-sm)}.schema-type-selector label{font-family:var(--font-family-body);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap}.form-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--background-primary);color:var(--text-primary);font-family:var(--font-family-body);font-size:var(--font-size-body);cursor:pointer;transition:border-color var(--transition-fast)}.page-content{flex:1;padding:var(--spacing-xl);max-width:1400px;margin:0 auto;width:100%}.schema-editor-container{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.schema-info-panel{background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);height:fit-content;position:sticky;top:120px}.schema-info-panel h3{font-family:var(--font-family-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.schema-details{margin-bottom:var(--spacing-lg)}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-light)}.detail-item:last-child{border-bottom:none}.detail-item label{font-family:var(--font-family-body);font-weight:var(--font-weight-medium);color:var(--text-secondary);font-size:var(--font-size-small)}.schema-type-badge{background:var(--secondary-color);color:var(--text-inverse);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-family:var(--font-family-body);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.score-badge{background:var(--accent-primary);color:var(--text-inverse);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-family:var(--font-family-body);font-size:var(--font-size-small);font-weight:var(--font-weight-bold)}.schema-requirements h4{font-family:var(--font-family-heading);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.requirements-lists{display:flex;flex-direction:column;gap:var(--spacing-md)}.required-properties h5,.recommended-properties h5{font-family:var(--font-family-body);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0;text-transform:uppercase;letter-spacing:.5px}.required-properties ul,.recommended-properties ul{list-style:none;padding:0;margin:0}.required-properties li,.recommended-properties li{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;font-family:var(--font-family-body);font-size:var(--font-size-small)}.required-properties li.completed,.recommended-properties li.completed{color:var(--accent-primary)}.required-properties li.missing{color:var(--accent-error)}.recommended-properties li.optional{color:var(--text-secondary)}.required-properties li svg,.recommended-properties li svg{width:14px;height:14px}.schema-editor-main{background:var(--background-primary);border-radius:var(--radius-lg);overflow:hidden}.action-bar{display:flex;justify-content:space-between;align-items:center;background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);position:sticky;bottom:var(--spacing-lg)}.action-group{display:flex;gap:var(--spacing-md)}.btn.btn-success{background:var(--accent-primary);color:var(--text-inverse);border-color:var(--accent-primary)}.btn.btn-success:hover{background:#0fd085;border-color:#0fd085}.btn.btn-error{background:var(--accent-error);color:var(--text-inverse);border-color:var(--accent-error)}.btn.btn-error:hover{background:#dc2626;border-color:#dc2626}@media (max-width: 1200px){.schema-editor-container{grid-template-columns:250px 1fr}}@media (max-width: 968px){.schema-editor-container{grid-template-columns:1fr;gap:var(--spacing-lg)}.schema-info-panel{position:static;order:2}.schema-editor-main{order:1}.page-content{padding:var(--spacing-lg)}.page-header{padding:var(--spacing-md) var(--spacing-lg)}.header-content{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.header-left{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.action-bar{flex-direction:column;gap:var(--spacing-md)}.action-group{justify-content:center;flex-wrap:wrap}}@media (max-width: 640px){.page-content,.action-bar{padding:var(--spacing-md)}.action-group{flex-direction:column;width:100%}.action-group .btn{width:100%;justify-content:center}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.schema-preview-modal{background:var(--background-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:1200px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:fadeInScale .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-xl);border-bottom:1px solid var(--border-light);background:var(--background-secondary)}.modal-title h2{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:var(--font-size-h2)}.modal-title p{margin:0;color:var(--text-secondary);font-size:var(--font-size-body)}.modal-close{background:none;border:none;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast)}.modal-close:hover{background:var(--background-tertiary);color:var(--text-primary)}.device-toggle{display:flex;padding:var(--spacing-lg) var(--spacing-xl) 0;gap:var(--spacing-sm);background:var(--background-secondary)}.device-toggle .toggle-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family-body);font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.device-toggle .toggle-btn:hover{border-color:var(--secondary-color);color:var(--text-primary)}.device-toggle .toggle-btn.active{background:var(--secondary-color);border-color:var(--secondary-color);color:var(--text-inverse)}.device-toggle .toggle-btn svg{transition:transform var(--transition-fast)}.device-toggle .toggle-btn:hover svg{transform:scale(1.1)}.preview-container{flex:1;overflow-y:auto;padding:var(--spacing-xl);background:var(--background-primary)}.preview-container.mobile{padding:var(--spacing-lg)}.search-results-mockup{max-width:100%;margin:0 auto;background:var(--background-primary);border-radius:var(--radius-md);overflow:hidden}.preview-container.desktop .search-results-mockup{max-width:800px}.preview-container.mobile .search-results-mockup{max-width:400px}.search-header{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--background-primary);border-bottom:1px solid var(--border-light)}.search-logo{font-family:var(--font-family-heading);font-size:1.5rem;font-weight:var(--font-weight-bold);color:#4285f4}.search-bar{flex:1;max-width:500px}.search-bar input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-light);border-radius:24px;font-size:var(--font-size-body);background:var(--background-primary);color:var(--text-primary)}.search-bar input:focus{outline:none;border-color:#4285f4;box-shadow:0 2px 8px #4285f433}.search-results{padding:var(--spacing-lg)}.results-info{font-size:var(--font-size-small);color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.search-result{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.search-result.featured{border:2px solid var(--accent-primary);border-radius:var(--radius-md);padding:var(--spacing-lg);background:linear-gradient(135deg,#12eb930d,#62afff0d);position:relative}.search-result.featured:before{content:"Rich Snippet";position:absolute;top:-10px;left:var(--spacing-md);background:var(--accent-primary);color:var(--text-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.rich-snippet{width:100%}.snippet-header{margin-bottom:var(--spacing-sm)}.snippet-title{color:#1a0dab;font-size:1.125rem;font-weight:var(--font-weight-regular);margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-tight);text-decoration:none;cursor:pointer}.snippet-title:hover{text-decoration:underline}.snippet-url{color:#006621;font-size:var(--font-size-small);margin-bottom:var(--spacing-sm)}.snippet-content{display:flex;gap:var(--spacing-md);align-items:flex-start}.snippet-image{flex-shrink:0;width:120px;height:120px;border-radius:var(--radius-md);overflow:hidden;background:var(--background-tertiary)}.preview-container.mobile .snippet-image{width:80px;height:80px}.snippet-image img{width:100%;height:100%;object-fit:cover}.snippet-text{flex:1;min-width:0}.snippet-description{color:var(--text-primary);font-size:var(--font-size-body);line-height:var(--line-height-normal);margin:0 0 var(--spacing-sm) 0}.snippet-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);font-size:var(--font-size-small);color:var(--text-secondary)}.meta-item{position:relative}.meta-item:not(:last-child):after{content:"•";margin-left:var(--spacing-sm);color:var(--text-muted)}.product-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.price-info{display:flex;align-items:center;gap:var(--spacing-md)}.price{font-size:1.125rem;font-weight:var(--font-weight-bold);color:var(--text-primary)}.availability{font-size:var(--font-size-small);color:#006621;font-weight:var(--font-weight-medium)}.rating-info{display:flex;align-items:center;gap:var(--spacing-sm)}.stars{display:flex;gap:1px}.star{font-size:1rem;line-height:1}.star.filled{color:#fbbc04}.star.half{color:#fbbc04;position:relative}.star.half:after{content:"★";position:absolute;left:0;width:50%;overflow:hidden;color:#fbbc04}.star.empty{color:#dadce0}.rating-text,.brand-info{font-size:var(--font-size-small);color:var(--text-secondary)}.organization-details,.event-details,.business-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.location-info,.date-info{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-small);color:var(--text-secondary)}.location-info svg,.date-info svg{color:var(--text-muted)}.modal-footer{display:flex;justify-content:space-between;align-items:flex-end;padding:var(--spacing-xl);border-top:1px solid var(--border-light);background:var(--background-secondary)}.preview-info p{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-small);color:var(--text-secondary)}.preview-info .note{font-style:italic;color:var(--text-muted)}.modal-actions{display:flex;gap:var(--spacing-sm)}@media (max-width: 768px){.modal-overlay{padding:var(--spacing-sm)}.schema-preview-modal{max-height:95vh}.modal-header{padding:var(--spacing-lg);flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.modal-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg)}.device-toggle{padding:var(--spacing-md) var(--spacing-lg) 0}.preview-container{padding:var(--spacing-lg)}.search-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.snippet-content{flex-direction:column}.snippet-image{width:100%;height:200px}.modal-footer{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.modal-actions{justify-content:stretch}.modal-actions .btn{flex:1}}@media (max-width: 480px){.device-toggle .toggle-btn{flex:1;justify-content:center}.search-results{padding:var(--spacing-md)}.snippet-image{height:150px}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.preview-container{transition:all var(--transition-normal)}.modal-container :focus-visible{outline:2px solid var(--accent-secondary);outline-offset:2px;border-radius:var(--radius-sm)}.dashboard-container{min-height:100vh;background:var(--background-primary);padding:var(--spacing-lg) 0}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl);padding:0 var(--spacing-lg)}.dashboard-header h1{font-family:var(--font-family-heading);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);padding:0 var(--spacing-lg)}.stat-card{background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--secondary-color)}.stat-card h3{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:2.5rem;font-weight:var(--font-weight-bold);color:var(--text-primary);font-family:var(--font-family-heading)}.stat-value.score-excellent{color:var(--accent-primary)}.stat-value.score-good{color:var(--secondary-color)}.stat-value.score-fair{color:var(--accent-warning)}.stat-value.score-poor{color:var(--accent-error)}.dashboard-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.dashboard-section{margin-bottom:var(--spacing-3xl)}.section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.section-header h2{font-family:var(--font-family-heading);font-size:var(--font-size-h2);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0}.section-count{font-size:var(--font-size-small);color:var(--text-secondary);background:var(--background-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md)}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top:3px solid var(--secondary-color);border-radius:50%;animation:rotate 1s linear infinite;margin-bottom:var(--spacing-lg)}.error-state h2{color:var(--accent-error);margin-bottom:var(--spacing-md)}.error-state p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.empty-state{text-align:center;padding:var(--spacing-3xl);background:var(--background-secondary);border-radius:var(--radius-lg);border:2px dashed var(--border-medium)}.empty-state p{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:var(--font-size-body)}.analyses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg)}.analysis-card{background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.analysis-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--secondary-color)}.analysis-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);gap:var(--spacing-sm)}.analysis-url{flex:1;min-width:0}.analysis-url a{color:var(--secondary-color);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-small);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--transition-fast)}.analysis-url a:hover{color:var(--secondary-dark);text-decoration:underline}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.status-completed{background:#12eb931a;color:var(--accent-primary);border:1px solid rgba(18,235,147,.3)}.status-pending{background:#f59e0b1a;color:var(--accent-warning);border:1px solid rgba(245,158,11,.3)}.status-archived{background:#9696961a;color:var(--text-secondary);border:1px solid rgba(150,150,150,.3)}.analysis-score{display:flex;justify-content:center;margin:var(--spacing-lg) 0}.score-circle{width:80px;height:80px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border:3px solid;background:var(--background-primary)}.score-circle.score-excellent{border-color:var(--accent-primary);color:var(--accent-primary)}.score-circle.score-good{border-color:var(--secondary-color);color:var(--secondary-color)}.score-circle.score-fair{border-color:var(--accent-warning);color:var(--accent-warning)}.score-circle.score-poor{border-color:var(--accent-error);color:var(--accent-error)}.score-number{font-size:1.5rem;font-weight:var(--font-weight-bold);font-family:var(--font-family-heading);line-height:1}.score-label{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.analysis-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);font-size:var(--font-size-small);color:var(--text-secondary)}.analysis-date,.analysis-recommendations{font-weight:var(--font-weight-medium)}.analysis-summary{margin-bottom:var(--spacing-lg)}.analysis-summary p{color:var(--text-secondary);line-height:var(--line-height-relaxed);font-size:var(--font-size-small)}.analysis-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.analysis-actions .btn-secondary{flex:1;min-width:100px;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-small)}.reminders-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.reminder-card{background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.reminder-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--secondary-color)}.reminder-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);gap:var(--spacing-sm)}.reminder-header h4{font-family:var(--font-family-heading);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0;flex:1}.frequency-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.frequency-once{background:#62afff1a;color:var(--secondary-color);border:1px solid rgba(98,175,255,.3)}.frequency-weekly{background:#12eb931a;color:var(--accent-primary);border:1px solid rgba(18,235,147,.3)}.reminder-url{margin-bottom:var(--spacing-md)}.reminder-url a{color:var(--secondary-color);text-decoration:none;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.reminder-url a:hover{color:var(--secondary-dark);text-decoration:underline}.reminder-timing{margin-bottom:var(--spacing-lg);font-size:var(--font-size-small)}.next-reminder{color:var(--text-primary);margin-bottom:var(--spacing-xs)}.last-sent{color:var(--text-secondary)}.reminder-actions{display:flex;gap:var(--spacing-sm);align-items:center}.reminder-actions .btn-secondary{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-small)}.btn-text{background:none;border:none;color:var(--secondary-color);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-text.btn-danger{color:var(--accent-error)}.btn-text.btn-danger:hover{background:#ef44441a;color:#dc2626}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.action-card{background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit}.action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--secondary-color);text-decoration:none}.action-icon{font-size:2.5rem;margin-bottom:var(--spacing-md);display:block}.action-card h3{font-family:var(--font-family-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.action-card p{color:var(--text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-relaxed)}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:var(--spacing-lg);text-align:center}.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.analyses-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.analysis-actions{flex-direction:column}.analysis-actions .btn-secondary{flex:none}.reminder-header{flex-direction:column;align-items:flex-start}.reminder-actions{flex-wrap:wrap}.quick-actions{grid-template-columns:1fr;gap:var(--spacing-md)}.action-card{padding:var(--spacing-lg)}}@media (max-width: 480px){.dashboard-container{padding:var(--spacing-md) 0}.dashboard-header,.dashboard-content{padding:0 var(--spacing-md)}.dashboard-stats{grid-template-columns:1fr;padding:0 var(--spacing-md)}.stat-card,.analysis-card,.reminder-card{padding:var(--spacing-md)}.score-circle{width:60px;height:60px}.score-number{font-size:1.25rem}}.schedule-reminder-modal{max-width:500px;width:90%}.reminder-context{background:var(--background-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);border-left:4px solid var(--secondary-color)}.reminder-context h4{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.analysis-title{font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.analysis-url{margin:0;font-size:var(--font-size-small)}.reminder-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.frequency-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.radio-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border:2px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.radio-option:hover{border-color:var(--secondary-color);background:var(--background-secondary)}.radio-option input[type=radio]:checked+span{color:var(--secondary-color);font-weight:var(--font-weight-medium)}.radio-option:has(input[type=radio]:checked){border-color:var(--secondary-color);background:#62afff1a}.reminder-preview{background:linear-gradient(135deg,var(--accent-primary),#0de085);padding:var(--spacing-lg);border-radius:var(--radius-md);color:var(--text-primary);text-align:center}.reminder-preview h4{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.preview-time{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0;font-family:var(--font-family-heading)}.preview-note{margin:0;font-size:var(--font-size-small);opacity:.9}.error-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ef44441a;border:1px solid var(--accent-error);border-radius:var(--radius-md);color:var(--accent-error);font-size:var(--font-size-small)}.error-icon{font-size:1.2em}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:rotate 1s linear infinite;margin-right:var(--spacing-xs)}@media (max-width: 768px){.schedule-reminder-modal{width:95%;max-width:none;margin:var(--spacing-md)}.reminder-context{padding:var(--spacing-sm)}.reminder-preview{padding:var(--spacing-md)}.preview-time{font-size:var(--font-size-h2)}.modal-actions{flex-direction:column;gap:var(--spacing-sm)}.modal-actions .btn{width:100%}}.reminder-manager{width:100%}.reminder-manager.empty-state{text-align:center;padding:var(--spacing-3xl);background:var(--background-secondary);border-radius:var(--radius-lg);border:2px dashed var(--border-medium)}.empty-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.6}.reminder-manager.empty-state h3{margin-bottom:var(--spacing-sm);color:var(--text-primary)}.reminder-manager.empty-state p{color:var(--text-secondary);max-width:400px;margin:0 auto}.reminders-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.reminder-card{background:var(--background-primary);border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal);position:relative}.reminder-card:hover{border-color:var(--secondary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.reminder-card.reminder-overdue{border-left:4px solid var(--accent-error);background:#ef44440d}.reminder-card.reminder-tomorrow{border-left:4px solid var(--accent-warning);background:#f59e0b0d}.reminder-card.reminder-soon{border-left:4px solid var(--secondary-color);background:#62afff0d}.reminder-card.reminder-scheduled{border-left:4px solid var(--accent-primary);background:#12eb930d}.reminder-header{margin-bottom:var(--spacing-md)}.reminder-title-section{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.reminder-title{margin:0;font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);color:var(--text-primary);flex:1}.frequency-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.frequency-badge.frequency-once{background:#62afff33;color:var(--secondary-dark)}.frequency-badge.frequency-weekly{background:#12eb9333;color:#0a8a5a}.reminder-url{margin-top:var(--spacing-xs)}.url-link{color:var(--secondary-color);text-decoration:none;font-size:var(--font-size-small);word-break:break-all;transition:color var(--transition-fast)}.url-link:hover{color:var(--secondary-dark);text-decoration:underline}.reminder-timing{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--background-secondary);border-radius:var(--radius-md)}.next-reminder,.last-sent{display:flex;flex-direction:column;gap:var(--spacing-xs)}.timing-label{font-size:var(--font-size-small);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.timing-value{font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--text-primary)}.timing-full{font-size:var(--font-size-small);color:var(--text-secondary)}.reminder-actions{display:flex;gap:var(--spacing-md);align-items:center}.btn-text{background:none;border:none;color:var(--secondary-color);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs)}.btn-text:hover{background:#62afff1a;color:var(--secondary-dark)}.btn-text:disabled{opacity:.6;cursor:not-allowed}.btn-text.edit-btn:hover{background:#62afff1a}.btn-text.cancel-btn{color:var(--accent-error)}.btn-text.cancel-btn:hover{background:#ef44441a;color:#dc2626}.confirmation-dialog{max-width:400px;width:90%}.confirmation-dialog .modal-body{text-align:center;padding:var(--spacing-lg)}.confirmation-dialog .modal-body p{margin:0;color:var(--text-secondary);line-height:var(--line-height-relaxed)}.btn-danger{background:linear-gradient(135deg,var(--accent-error),#dc2626);color:var(--text-inverse);border:2px solid transparent;box-shadow:0 4px 15px #ef44444d}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,var(--accent-error));transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.reminder-card{padding:var(--spacing-md)}.reminder-title-section{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.reminder-title{font-size:var(--font-size-body)}.reminder-timing{padding:var(--spacing-sm)}.reminder-actions{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.btn-text{justify-content:center;padding:var(--spacing-sm)}.confirmation-dialog{width:95%;margin:var(--spacing-md)}.confirmation-dialog .modal-actions{flex-direction:column;gap:var(--spacing-sm)}.confirmation-dialog .modal-actions .btn{width:100%}}.reminder-card{animation:fadeIn .6s ease-out}.reminders-list .reminder-card:nth-child(1){animation-delay:.1s}.reminders-list .reminder-card:nth-child(2){animation-delay:.2s}.reminders-list .reminder-card:nth-child(3){animation-delay:.3s}.reminders-list .reminder-card:nth-child(4){animation-delay:.4s}.reminders-list .reminder-card:nth-child(5){animation-delay:.5s}.toast-container{position:fixed;top:20px;right:20px;z-index:1000;max-width:400px;width:100%;pointer-events:none}.toast-header-controls{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-sm);pointer-events:auto}.toast-dismiss-all{background:#000c;color:#fff;border:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-small);cursor:pointer;transition:all var(--transition-fast)}.toast-dismiss-all:hover{background:#000000e6;transform:translateY(-1px)}.toast-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.toast-notification{background:var(--background-primary);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000001f;border:1px solid var(--border-light);overflow:hidden;transform:translate(100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:auto;position:relative;max-width:100%}.toast-notification.toast-visible{transform:translate(0);opacity:1}.toast-notification.toast-exiting{transform:translate(100%);opacity:0}.toast-reminder{border-left:4px solid var(--secondary-color);background:linear-gradient(135deg,var(--background-primary),rgba(98,175,255,.05))}.toast-success{border-left:4px solid var(--accent-primary);background:linear-gradient(135deg,var(--background-primary),rgba(18,235,147,.05))}.toast-error{border-left:4px solid var(--accent-error);background:linear-gradient(135deg,var(--background-primary),rgba(239,68,68,.05))}.toast-info{border-left:4px solid var(--text-secondary);background:linear-gradient(135deg,var(--background-primary),rgba(150,150,150,.05))}.toast-content{padding:var(--spacing-md)}.toast-header{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.toast-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.toast-title-section{flex:1;min-width:0}.toast-title{margin:0;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:var(--line-height-tight)}.toast-time{font-size:var(--font-size-small);color:var(--text-secondary);font-weight:var(--font-weight-regular)}.toast-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0}.toast-close:hover{background:#0000001a;color:var(--text-primary)}.toast-body{margin-bottom:var(--spacing-sm)}.toast-message{margin:0;color:var(--text-primary);line-height:var(--line-height-normal);font-size:var(--font-size-body)}.toast-url{margin-top:var(--spacing-xs)}.toast-link{color:var(--secondary-color);text-decoration:none;font-size:var(--font-size-small);word-break:break-all;transition:color var(--transition-fast)}.toast-link:hover{color:var(--secondary-dark);text-decoration:underline}.toast-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.toast-action-btn{padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);flex:1;min-width:80px}.toast-action-primary{background:var(--secondary-color);color:#fff}.toast-action-primary:hover{background:var(--secondary-dark);transform:translateY(-1px)}.toast-action-secondary{background:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-medium)}.toast-action-secondary:hover{background:var(--border-light);border-color:var(--border-dark)}.toast-action-danger{background:var(--accent-error);color:#fff}.toast-action-danger:hover{background:#dc2626;transform:translateY(-1px)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--secondary-color));width:100%;transform-origin:left;animation:toast-progress linear forwards}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width: 768px){.toast-container{top:10px;right:10px;left:10px;max-width:none}.toast-notification{margin:0}.toast-content{padding:var(--spacing-sm)}.toast-header{margin-bottom:var(--spacing-xs)}.toast-title,.toast-message{font-size:var(--font-size-small)}.toast-actions{flex-direction:column;gap:var(--spacing-xs)}.toast-action-btn{width:100%;flex:none}}.toast-list .toast-notification:nth-child(1){z-index:10}.toast-list .toast-notification:nth-child(2){z-index:9;transform:translate(100%) scale(.95)}.toast-list .toast-notification:nth-child(3){z-index:8;transform:translate(100%) scale(.9)}.toast-list .toast-notification:nth-child(n+4){display:none}.toast-list .toast-notification.toast-visible:nth-child(2){transform:translate(0) scale(.95)}.toast-list .toast-notification.toast-visible:nth-child(3){transform:translate(0) scale(.9)}.toast-list:hover .toast-notification:nth-child(2){transform:translate(0) scale(1)}.toast-list:hover .toast-notification:nth-child(3){transform:translate(0) scale(1)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-light)}.dashboard-header h1{margin:0;color:var(--text-primary)}.dashboard-header-actions{display:flex;gap:var(--spacing-sm);align-items:center}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch;text-align:center}.dashboard-header-actions{justify-content:center}}.share-preview-modal{max-width:600px;width:90vw;max-height:90vh;overflow-y:auto}.share-preview-modal .modal-title p{color:var(--text-secondary);font-size:var(--font-size-small);margin-top:var(--spacing-xs)}.analysis-preview{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.analysis-preview h4{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-md)}.preview-card{background:var(--background-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-lg)}.preview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm);gap:var(--spacing-md)}.preview-header h5{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0;flex:1}.score-badge{background:linear-gradient(135deg,var(--accent-primary),#0de085);color:var(--text-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);white-space:nowrap}.preview-url{color:var(--accent-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-sm);word-break:break-all}.preview-summary{color:var(--text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.shareable-link{margin-top:var(--spacing-md)}.shareable-link .form-label{font-size:var(--font-size-small);margin-bottom:var(--spacing-xs)}.link-display{display:flex;gap:var(--spacing-sm);align-items:stretch}.link-input{flex:1;font-size:var(--font-size-small);font-family:monospace;background:var(--background-primary)}.copy-btn{min-width:auto;padding:.5rem .75rem;white-space:nowrap}.email-input-row{display:flex;gap:var(--spacing-sm);align-items:flex-start;margin-bottom:var(--spacing-sm)}.email-input-row .form-input{flex:1}.remove-email-btn{min-width:auto;padding:.5rem;color:var(--accent-error);border:1px solid var(--border-light)}.remove-email-btn:hover{background:var(--accent-error);color:#fff;border-color:var(--accent-error)}.field-error{margin-top:var(--spacing-xs);margin-left:0}.add-email-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);color:var(--accent-secondary);border:1px dashed var(--border-medium)}.add-email-btn:hover{background:var(--background-secondary);border-color:var(--accent-secondary)}.add-email-btn:disabled{opacity:.5;cursor:not-allowed}.form-note{font-size:var(--font-size-small);color:var(--text-secondary);margin-top:var(--spacing-xs);font-style:italic}.form-textarea{width:100%;padding:.75rem 1rem;border:2px solid var(--border-light);border-radius:var(--radius-md);background:var(--background-primary);font-family:var(--font-family-body);font-size:var(--font-size-body);line-height:var(--line-height-normal);resize:vertical;min-height:100px;transition:all var(--transition-normal)}.form-textarea:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #62afff1a,0 4px 12px #62afff26}.form-textarea:hover{border-color:var(--border-medium)}.character-count{text-align:right;font-size:var(--font-size-small);color:var(--text-secondary);margin-top:var(--spacing-xs)}.email-preview{background:var(--background-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.email-preview h4{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-md)}.preview-content{background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:var(--spacing-md)}.email-subject{font-size:var(--font-size-small);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-light)}.email-body{font-size:var(--font-size-small);line-height:var(--line-height-relaxed);color:var(--text-secondary)}.email-body p{margin-bottom:var(--spacing-sm);font-size:var(--font-size-small)}.email-body p:last-child{margin-bottom:0}.custom-message-preview{background:var(--background-secondary);border-left:3px solid var(--accent-secondary);padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-md) 0;font-style:italic;color:var(--text-primary)!important}.share-preview-modal.success-state{max-width:400px}.success-content{text-align:center;padding:var(--spacing-xl)}.success-icon{color:var(--accent-primary);margin-bottom:var(--spacing-lg);display:flex;justify-content:center}.success-content h2{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:var(--font-size-h3)}.success-content p{color:var(--text-secondary);margin-bottom:var(--spacing-sm);line-height:var(--line-height-relaxed)}.success-note{font-size:var(--font-size-small);color:var(--text-muted)}.required{color:var(--accent-error);margin-left:var(--spacing-xs)}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-right:var(--spacing-xs)}.share-preview-modal .modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.share-preview-modal .modal-actions .btn{display:inline-flex;align-items:center;gap:var(--spacing-xs)}@media (max-width: 768px){.share-preview-modal{width:95vw;max-height:95vh}.preview-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.score-badge{align-self:flex-start}.link-display{flex-direction:column}.email-input-row{flex-direction:column;gap:var(--spacing-xs)}.remove-email-btn{align-self:flex-end;margin-top:var(--spacing-xs)}.share-preview-modal .modal-actions{flex-direction:column-reverse}.share-preview-modal .modal-actions .btn{width:100%;justify-content:center}}@media (max-width: 480px){.share-preview-modal{width:100vw;height:100vh;max-height:100vh;border-radius:0}.preview-card,.email-preview,.preview-content{padding:var(--spacing-md)}}.implementation-guide-page{min-height:100vh;background-color:var(--background-primary);font-family:var(--font-family-body)}.implementation-guide-page .page-header{background-color:var(--background-primary);border-bottom:1px solid var(--border-light);padding:var(--spacing-lg) 0}.implementation-guide-page .header-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.implementation-guide-page .header-left{display:flex;align-items:center;gap:var(--spacing-md)}.implementation-guide-page .page-title h1{font-family:var(--font-family-heading);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.implementation-guide-page .page-subtitle{font-size:var(--font-size-body);color:var(--text-secondary);margin:var(--spacing-xs) 0 0 0}.platform-selection{background-color:var(--background-secondary);padding:var(--spacing-2xl) 0}.platform-selector{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.platform-selector h2{font-family:var(--font-family-heading);font-size:var(--font-size-h2);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.platform-selector>p{font-size:var(--font-size-body);color:var(--text-secondary);margin:0 0 var(--spacing-xl) 0}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.platform-card{background-color:var(--background-primary);border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;cursor:pointer;transition:all var(--transition-normal);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.platform-card:hover{border-color:var(--secondary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.platform-card.selected{border-color:var(--secondary-color);background-color:var(--secondary-light);background-color:#62afff1a}.platform-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--background-secondary);border-radius:var(--radius-md);color:var(--secondary-color)}.platform-card.selected .platform-icon{background-color:var(--secondary-color);color:var(--text-inverse)}.platform-card h3{font-family:var(--font-family-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0}.platform-card p{font-size:var(--font-size-small);color:var(--text-secondary);margin:0;line-height:var(--line-height-normal)}.guide-container{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg)}.guide-overview{margin-bottom:var(--spacing-3xl)}.guide-overview h2{font-family:var(--font-family-heading);font-size:var(--font-size-h2);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.guide-description{font-size:var(--font-size-body);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-xl) 0}.schema-summary{background-color:var(--background-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-xl)}.schema-summary h3{font-family:var(--font-family-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.schema-details{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.detail-item{display:flex;align-items:center;gap:var(--spacing-sm)}.detail-item label{font-size:var(--font-size-small);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.detail-item span{font-size:var(--font-size-small);color:var(--text-primary)}.schema-type-badge{background-color:var(--secondary-color);color:var(--text-inverse);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium)}.implementation-steps,.verification-section,.troubleshooting-section,.platform-troubleshooting{margin-bottom:var(--spacing-3xl)}.implementation-steps h2,.verification-section h2,.troubleshooting-section h2{font-family:var(--font-family-heading);font-size:var(--font-size-h2);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.verification-section>p,.troubleshooting-section>p{font-size:var(--font-size-body);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-xl) 0}.steps-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.instruction-step{background-color:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.step-header{display:flex;align-items:center;padding:var(--spacing-lg);cursor:pointer;transition:background-color var(--transition-fast)}.step-header:hover{background-color:var(--background-secondary)}.step-number{width:40px;height:40px;background-color:var(--secondary-color);color:var(--text-inverse);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-body);margin-right:var(--spacing-md);flex-shrink:0}.step-title{flex:1;display:flex;align-items:center;justify-content:space-between}.step-title h3{font-family:var(--font-family-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0}.expand-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.expand-toggle:hover{background-color:var(--background-secondary);color:var(--text-primary)}.expand-toggle svg{transition:transform var(--transition-fast)}.expand-toggle svg.expanded{transform:rotate(180deg)}.step-content{padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);border-top:1px solid var(--border-light);background-color:var(--background-secondary)}.step-description{font-size:var(--font-size-body);color:var(--text-primary);line-height:var(--line-height-relaxed);margin:var(--spacing-lg) 0}.code-block{margin:var(--spacing-lg) 0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-medium)}.code-header{display:flex;align-items:center;justify-content:space-between;background-color:var(--background-dark);color:var(--text-inverse);padding:var(--spacing-sm) var(--spacing-md)}.code-language{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.copy-button{background:none;border:1px solid rgba(255,255,255,.2);color:var(--text-inverse);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-small);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs);transition:all var(--transition-fast)}.copy-button:hover{background-color:#ffffff1a;border-color:#ffffff4d}.copy-button.copied{background-color:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-primary)}.code-content{background-color:var(--background-primary);padding:var(--spacing-md);margin:0;overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-small);line-height:var(--line-height-relaxed)}.code-content code{color:var(--text-primary);white-space:pre}.step-notes{margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:#62afff1a;border-left:4px solid var(--secondary-color);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.step-notes h4{font-family:var(--font-family-heading);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.step-notes ul{margin:0;padding-left:var(--spacing-lg)}.step-notes li{font-size:var(--font-size-small);color:var(--text-primary);line-height:var(--line-height-normal);margin-bottom:var(--spacing-xs)}.verification-info{margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:#12eb931a;border-left:4px solid var(--accent-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.verification-info h4{font-family:var(--font-family-heading);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.verification-info p{font-size:var(--font-size-small);color:var(--text-primary);line-height:var(--line-height-normal);margin:0}.troubleshooting-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.troubleshooting-item{background-color:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.troubleshooting-item h4{font-family:var(--font-family-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.troubleshooting-item p{font-size:var(--font-size-body);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-sm) 0}.troubleshooting-item p:last-child{margin-bottom:0}.platform-troubleshooting h3{font-family:var(--font-family-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.implementation-guide-page .action-bar{background-color:var(--background-primary);border-top:1px solid var(--border-light);padding:var(--spacing-lg) 0;position:sticky;bottom:0;z-index:10}.implementation-guide-page .action-bar .action-group{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}@media (max-width: 768px){.platform-grid{grid-template-columns:1fr}.schema-details{flex-direction:column;gap:var(--spacing-sm)}.step-header{padding:var(--spacing-md)}.step-content{padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md)}.code-content{font-size:var(--font-size-caption)}.implementation-guide-page .action-bar .action-group{flex-direction:column;gap:var(--spacing-md)}.implementation-guide-page .action-bar .action-group>div{display:flex;gap:var(--spacing-sm);width:100%}.implementation-guide-page .action-bar .action-group button{flex:1}}@media (max-width: 480px){.guide-container{padding:var(--spacing-lg)}.platform-selector{padding:0 var(--spacing-md)}.step-number{width:32px;height:32px;font-size:var(--font-size-small)}.step-title h3{font-size:var(--font-size-body)}}.feedback-modal{max-width:500px;width:90%}.feedback-modal .modal-header h2{color:var(--accent-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.feedback-context{background:var(--background-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);border-left:4px solid var(--accent-primary)}.feedback-context h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.feedback-context .analysis-title{font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.feedback-context .analysis-url{margin:0;font-size:var(--font-size-small)}.feedback-context .analysis-url a{color:var(--secondary-color);text-decoration:none;word-break:break-all}.feedback-context .analysis-url a:hover{text-decoration:underline}.star-rating{display:flex;gap:var(--spacing-xs);margin:var(--spacing-sm) 0}.star{background:none;border:none;font-size:2rem;color:var(--border-medium);cursor:pointer;transition:all var(--transition-fast);padding:var(--spacing-xs);border-radius:var(--radius-sm);line-height:1;user-select:none;-webkit-user-select:none}.star:hover{color:#fbbf24;transform:scale(1.1)}.star.active{color:#f59e0b;text-shadow:0 0 10px rgba(245,158,11,.3)}.star:disabled{cursor:not-allowed;opacity:.6;transform:none}.rating-text{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--secondary-color);margin-top:var(--spacing-xs);text-align:center;animation:fadeIn .3s ease}.feedback-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.feedback-form .form-textarea{resize:vertical;min-height:100px;font-family:var(--font-family-body)}.character-count{font-size:var(--font-size-caption);color:var(--text-secondary);text-align:right;margin-top:var(--spacing-xs)}.checkbox-label{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-body);line-height:var(--line-height-normal)}.checkbox-text{flex:1;color:var(--text-primary)}.support-note{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:#62afff1a;border-radius:var(--radius-sm);border-left:3px solid var(--secondary-color)}.support-note small{color:var(--text-secondary);font-style:italic}.thank-you-message{text-align:center;padding:var(--spacing-xl) var(--spacing-md)}.thank-you-icon{font-size:4rem;margin-bottom:var(--spacing-md);animation:bounce 1s ease-in-out}.thank-you-message h3{color:var(--accent-primary);margin-bottom:var(--spacing-md);font-size:var(--font-size-h3)}.thank-you-message p{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg)}.closing-message{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.closing-message small{color:var(--text-muted);font-style:italic}.feedback-form .loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:currentColor;animation:rotate 1s linear infinite;margin-right:var(--spacing-xs)}.feedback-modal .modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.feedback-modal .modal-actions .btn-secondary{background:transparent;color:var(--text-secondary);border:2px solid var(--border-medium);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-normal);cursor:pointer}.feedback-modal .modal-actions .btn-secondary:hover{background:var(--background-secondary);border-color:var(--border-dark);color:var(--text-primary)}.feedback-modal .modal-actions .btn-primary{background:linear-gradient(135deg,var(--accent-primary),#0de085);color:var(--text-primary);border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-normal);cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:140px}.feedback-modal .modal-actions .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0de085,var(--accent-primary));transform:translateY(-2px);box-shadow:0 8px 25px #12eb9366}.feedback-modal .modal-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.feedback-modal{max-width:95%;margin:var(--spacing-md)}.star{font-size:1.75rem;padding:var(--spacing-xs)}.feedback-modal .modal-actions{flex-direction:column;gap:var(--spacing-sm)}.feedback-modal .modal-actions button{width:100%;justify-content:center}.thank-you-icon{font-size:3rem}}@keyframes starGlow{0%{text-shadow:0 0 5px rgba(245,158,11,.3)}50%{text-shadow:0 0 20px rgba(245,158,11,.6)}to{text-shadow:0 0 5px rgba(245,158,11,.3)}}.star.active{animation:starGlow 2s ease-in-out infinite}.star:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:2px}.checkbox-label:focus-within{outline:2px solid var(--accent-secondary);outline-offset:2px;border-radius:var(--radius-sm)}.mark-done-btn{background:linear-gradient(135deg,var(--accent-primary),#0de085);color:var(--text-primary);border:none;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-small);transition:all var(--transition-normal);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-width:120px;white-space:nowrap}.mark-done-btn:hover:not(:disabled){background:linear-gradient(135deg,#0de085,var(--accent-primary));transform:translateY(-2px);box-shadow:0 6px 20px #12eb9366}.mark-done-btn:active{transform:translateY(0);box-shadow:0 3px 10px #12eb934d}.mark-done-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.analysis-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.analysis-actions button{flex:0 0 auto}@media (max-width: 768px){.analysis-actions{flex-direction:column}.analysis-actions button{width:100%;justify-content:center}.mark-done-btn{order:-1}}.analysis-card[data-status=completed]{border-left:4px solid var(--accent-primary);background:linear-gradient(135deg,#12eb930d,#12eb9305)}.analysis-card[data-status=pending]{border-left:4px solid var(--accent-warning)}.analysis-card[data-status=archived]{border-left:4px solid var(--border-medium);opacity:.8}.end-to-end-flow-page{min-height:100vh;background:var(--background-primary);display:flex;flex-direction:column}.flow-header{background:var(--background-primary);border-bottom:1px solid var(--border-light);padding:1rem 0;position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:1rem}.flow-title h1{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.flow-title p{font-family:Roboto,sans-serif;font-size:.875rem;color:var(--text-secondary);margin:.25rem 0 0}.header-actions{display:flex;gap:.75rem}.progress-indicator{background:var(--background-secondary);padding:2rem 0;border-bottom:1px solid var(--border-light)}.progress-steps{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:2rem}.progress-step{display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s ease;padding:1rem;border-radius:.5rem}.progress-step:hover:not(.disabled){background:var(--background-primary);box-shadow:0 2px 8px #0000001a}.progress-step.active{background:var(--background-primary);box-shadow:0 4px 12px #00000026}.progress-step.completed{opacity:.8}.progress-step.disabled{opacity:.5;cursor:not-allowed}.step-indicator{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.progress-step.active .step-indicator{background:var(--accent-primary);color:var(--text-inverse)}.progress-step.completed .step-indicator{background:var(--secondary-color);color:var(--text-inverse)}.progress-step:not(.active):not(.completed) .step-indicator{background:var(--background-tertiary);color:var(--text-secondary);border:2px solid var(--border-medium)}.step-info{flex:1}.step-title{font-family:Inter,sans-serif;font-weight:600;font-size:.875rem;color:var(--text-primary);margin-bottom:.25rem}.step-description{font-family:Roboto,sans-serif;font-size:.75rem;color:var(--text-secondary);line-height:1.4}.progress-bar{max-width:1200px;margin:0 auto;padding:0 2rem;height:4px;background:var(--border-light);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--secondary-color));border-radius:2px;transition:width .3s ease}.flow-content{flex:1;max-width:1200px;margin:0 auto;padding:3rem 2rem;position:relative}.step-content{max-width:800px;margin:0 auto}.step-header{text-align:center;margin-bottom:3rem}.step-header h2{font-family:Inter,sans-serif;font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.step-header p{font-family:Roboto,sans-serif;font-size:1.125rem;color:var(--text-secondary);line-height:1.6}.step-info{background:var(--background-secondary);border-radius:.75rem;padding:2rem;margin-top:2rem}.step-info h3{font-family:Inter,sans-serif;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.step-info ul{list-style:none;padding:0;margin:0}.step-info li{font-family:Roboto,sans-serif;color:var(--text-secondary);padding:.5rem 0 .5rem 1.5rem;position:relative}.step-info li:before{content:"✓";position:absolute;left:0;color:var(--accent-primary);font-weight:600}.step-actions{display:flex;justify-content:center;gap:1rem;margin-top:3rem}.schema-editor-container{background:var(--background-primary);border:1px solid var(--border-light);border-radius:.75rem;overflow:hidden;margin-bottom:2rem}.schema-info{background:var(--background-secondary);padding:1.5rem;border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:1rem}.schema-type-badge{background:var(--accent-primary);color:var(--text-inverse);padding:.5rem 1rem;border-radius:1rem;font-family:Inter,sans-serif;font-weight:600;font-size:.875rem}.schema-info p{font-family:Roboto,sans-serif;color:var(--text-secondary);margin:0}.platform-selector{background:var(--background-secondary);padding:1.5rem;border-radius:.75rem;margin-bottom:2rem}.platform-selector label{font-family:Inter,sans-serif;font-weight:600;color:var(--text-primary);display:block;margin-bottom:.75rem}.form-select{width:100%;max-width:300px;padding:.75rem 1rem;border:1px solid var(--border-medium);border-radius:.5rem;font-family:Roboto,sans-serif;font-size:.875rem;background:var(--background-primary);color:var(--text-primary)}.form-select:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #62afff1a}.implementation-guide{background:var(--background-primary);border:1px solid var(--border-light);border-radius:.75rem;overflow:hidden}.guide-content{padding:2rem}.guide-header h3{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.guide-header p{font-family:Roboto,sans-serif;color:var(--text-secondary);margin-bottom:2rem}.guide-instructions{margin-bottom:3rem}.instruction-step{display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-light)}.instruction-step:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.step-number{width:2rem;height:2rem;background:var(--accent-primary);color:var(--text-inverse);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.step-content{flex:1}.step-content h4{font-family:Inter,sans-serif;font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.step-content p{font-family:Roboto,sans-serif;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.code-block{background:var(--background-dark);border-radius:.5rem;overflow:hidden;margin:1rem 0}.code-header{background:#ffffff1a;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.code-language{font-family:Inter,sans-serif;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;font-weight:600}.copy-button{background:var(--secondary-color);color:var(--text-inverse);border:none;padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;cursor:pointer;transition:background-color .2s ease}.copy-button:hover{background:var(--secondary-dark)}.code-block pre{margin:0;padding:1rem;overflow-x:auto}.code-block code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:var(--text-inverse);line-height:1.5}.step-notes{background:var(--background-secondary);padding:1rem;border-radius:.5rem;margin-top:1rem}.step-notes h5{font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.step-notes ul{margin:0;padding-left:1.25rem}.step-notes li{font-family:Roboto,sans-serif;font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin-bottom:.25rem}.completion-actions{display:flex;justify-content:center;gap:1rem;padding-top:2rem;border-top:1px solid var(--border-light)}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.loading-overlay p{font-family:Roboto,sans-serif;color:var(--text-secondary);margin-top:1rem}@media (max-width: 768px){.header-content{padding:0 1rem;flex-direction:column;gap:1rem;align-items:flex-start}.progress-steps{grid-template-columns:1fr;gap:1rem;padding:0 1rem}.progress-step{padding:.75rem}.flow-content{padding:2rem 1rem}.step-header h2{font-size:1.5rem}.step-header p{font-size:1rem}.instruction-step{flex-direction:column;gap:1rem}.step-number{align-self:flex-start}.completion-actions{flex-direction:column}}@media (max-width: 480px){.progress-steps{gap:.75rem}.step-info,.guide-content{padding:1.5rem}}.incomplete-flow-card{background:linear-gradient(135deg,var(--accent-primary),var(--secondary-color));border-radius:.75rem;padding:2rem;color:var(--text-inverse);display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1rem}.flow-info h3{font-family:Inter,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.flow-info p{font-family:Roboto,sans-serif;font-size:.875rem;margin-bottom:.5rem;opacity:.9}.flow-progress{display:flex;align-items:center;gap:1rem;margin-top:1rem}.progress-bar-small{flex:1;height:6px;background:#ffffff4d;border-radius:3px;overflow:hidden}.progress-fill-small{height:100%;background:var(--text-inverse);border-radius:3px;transition:width .3s ease}.progress-text{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;white-space:nowrap}.flow-actions{display:flex;flex-direction:column;gap:.75rem;flex-shrink:0}.flow-actions .btn-primary{background:var(--text-inverse);color:var(--primary-color);border:none}.flow-actions .btn-primary:hover{background:#ffffffe6}.flow-actions .btn-outline{background:transparent;color:var(--text-inverse);border:1px solid rgba(255,255,255,.5)}.flow-actions .btn-outline:hover{background:#ffffff1a;border-color:var(--text-inverse)}@media (max-width: 768px){.incomplete-flow-card{flex-direction:column;align-items:flex-start;gap:1.5rem}.flow-actions{flex-direction:row;width:100%}.flow-actions .btn-primary,.flow-actions .btn-outline{flex:1}}.schema-viewer{background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.schema-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:var(--background-secondary);border-bottom:1px solid var(--border-light)}.view-mode-toggle{display:flex;background:var(--background-primary);border-radius:var(--radius-md);padding:.25rem;border:1px solid var(--border-light)}.toggle-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--text-secondary);transition:all var(--transition-fast)}.toggle-btn:hover{background:var(--background-secondary);color:var(--text-primary)}.toggle-btn.active{background:var(--secondary-color);color:#fff;box-shadow:var(--shadow-sm)}.schema-actions{display:flex;gap:var(--spacing-sm)}.validation-results{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light)}.validation-results.valid{background:#12eb930d;border-left:4px solid var(--accent-primary)}.validation-results.invalid{background:#ef44440d;border-left:4px solid var(--accent-error)}.validation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.validation-status{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:var(--font-weight-medium);font-size:var(--font-size-small)}.validation-results.valid .validation-status{color:var(--accent-primary)}.validation-results.invalid .validation-status{color:var(--accent-error)}.validating{color:var(--text-secondary);font-size:var(--font-size-small);font-style:italic}.validation-errors,.validation-warnings{margin-top:var(--spacing-sm)}.validation-errors h4{color:var(--accent-error);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.validation-warnings h4{color:var(--accent-warning);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.validation-errors ul,.validation-warnings ul{list-style:none;padding:0;margin:0}.validation-errors li,.validation-warnings li{padding:.25rem 0;font-size:var(--font-size-small);color:var(--text-secondary)}.schema-content{padding:var(--spacing-lg);max-height:600px;overflow-y:auto}.formatted-schema-view{font-family:var(--font-family-body)}.schema-properties{display:flex;flex-direction:column;gap:var(--spacing-md)}.schema-property{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-md);background:var(--background-primary)}.schema-property.level-0{background:var(--background-secondary)}.schema-property.level-1{margin-left:var(--spacing-md);border-left:2px solid var(--secondary-color)}.schema-property.level-2{margin-left:var(--spacing-lg);border-left:2px solid var(--accent-primary)}.property-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.expand-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.expand-button:hover{background:var(--background-secondary);color:var(--text-primary)}.property-label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer}.property-key{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-small)}.schema-indicator{background:var(--secondary-color);color:#fff;padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium)}.property-value-container{margin-left:var(--spacing-lg)}.property-input,.property-select{width:100%;max-width:400px;padding:var(--spacing-sm);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:var(--font-size-small);transition:border-color var(--transition-fast)}.property-input:focus,.property-select:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 2px #62afff1a}.array-property,.object-property{display:flex;flex-direction:column;gap:var(--spacing-sm)}.array-label,.object-label{color:var(--text-secondary);font-size:var(--font-size-small);font-style:italic}.array-items,.object-properties{margin-left:var(--spacing-md);border-left:1px solid var(--border-light);padding-left:var(--spacing-md)}.array-item{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.array-index{color:var(--text-secondary);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);min-width:2rem}.property-value{color:var(--text-secondary);font-size:var(--font-size-small);font-style:italic}.raw-schema-view{position:relative}.schema-textarea{width:100%;min-height:400px;padding:var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);font-family:Courier New,monospace;font-size:var(--font-size-small);line-height:var(--line-height-relaxed);background:var(--background-primary);color:var(--text-primary);resize:vertical;transition:border-color var(--transition-fast)}.schema-textarea:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 2px #62afff1a}.schema-textarea.error{border-color:var(--accent-error);box-shadow:0 0 0 2px #ef44441a}.json-error{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--accent-error);font-size:var(--font-size-small);margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:#ef44441a;border-radius:var(--radius-sm);border:1px solid rgba(239,68,68,.3)}.json-key{color:#06c;font-weight:var(--font-weight-medium)}.json-string{color:#080}.json-number{color:#c60}.json-boolean{color:#c06;font-weight:var(--font-weight-medium)}.json-null{color:#666;font-style:italic}.json-punctuation{color:var(--text-secondary)}.json-bracket,.json-brace{color:var(--text-primary);font-weight:var(--font-weight-medium)}.json-indent{color:transparent}.analysis-summary{max-width:1000px;margin:0 auto;padding:var(--spacing-xl);background:var(--background-primary)}.analysis-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:2px solid var(--border-light)}.analysis-meta h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-lg)}.analysis-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.analysis-details p{color:var(--text-secondary);font-size:var(--font-size-small);margin:0}.analysis-url a{color:var(--secondary-color);text-decoration:none;word-break:break-all}.analysis-url a:hover{text-decoration:underline}.seo-score-container{display:flex;flex-direction:column;align-items:center}.seo-score-circle{position:relative;display:flex;align-items:center;justify-content:center}.score-text{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-number{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--text-primary);font-family:var(--font-family-heading)}.score-label{font-size:var(--font-size-small);color:var(--text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.analysis-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.summary-section,.recommendations-section{background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-light)}.section-header h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0}.edit-mode{display:flex;flex-direction:column;gap:var(--spacing-md)}.summary-editor{min-height:300px;font-family:var(--font-family-body);line-height:var(--line-height-relaxed)}.edit-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.summary-content{line-height:var(--line-height-relaxed);color:var(--text-primary)}.summary-heading{font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:var(--spacing-lg) 0 var(--spacing-md) 0}.summary-paragraph{margin-bottom:var(--spacing-md);color:var(--text-primary)}.summary-bullet{margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md);position:relative;color:var(--text-primary);list-style:none}.summary-bullet:before{content:"•";position:absolute;left:0;color:var(--secondary-color);font-weight:700}.recommendations-section h2{margin-bottom:var(--spacing-lg)}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg)}.recommendation-card{background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.recommendation-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--border-light);transition:background var(--transition-normal)}.recommendation-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--secondary-color)}.recommendation-card:hover:before{background:linear-gradient(90deg,var(--accent-primary),var(--secondary-color))}.recommendation-header{margin-bottom:var(--spacing-md)}.recommendation-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.recommendation-title{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0;flex:1}.priority-badge{padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);color:#fff;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.recommendation-category{color:var(--text-secondary);font-size:var(--font-size-small);margin:0;font-style:italic}.recommendation-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.recommendation-description{color:var(--text-primary);line-height:var(--line-height-relaxed);margin:0}.recommendation-details{display:flex;flex-direction:column;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.detail-section h4{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--secondary-color);margin:0 0 var(--spacing-xs) 0;text-transform:uppercase;letter-spacing:.5px}.detail-section p{color:var(--text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-relaxed);margin:0}.recommendation-card .expand-button{background:none;border:none;color:var(--secondary-color);cursor:pointer;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) 0;transition:color var(--transition-fast);align-self:flex-start}.recommendation-card .expand-button:hover{color:var(--secondary-dark)}.analysis-actions{display:flex;gap:var(--spacing-md);justify-content:center;padding-top:var(--spacing-xl);border-top:1px solid var(--border-light)}.analysis-actions .btn{display:inline-flex;align-items:center;gap:var(--spacing-sm)}@media (max-width: 767px){.analysis-header{flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-xl)}.analysis-meta{order:2}.seo-score-container{order:1}.recommendations-grid{grid-template-columns:1fr}.analysis-actions{flex-direction:column}.analysis-actions .btn{width:100%;justify-content:center}.schema-viewer-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.view-mode-toggle{width:100%}.toggle-btn{flex:1;justify-content:center}.schema-actions{justify-content:center}.schema-content{padding:var(--spacing-md)}.property-value-container{margin-left:0;margin-top:var(--spacing-sm)}.property-input,.property-select{max-width:none}.recommendation-title-row{flex-direction:column;align-items:flex-start}.priority-badge{align-self:flex-start}}@media (min-width: 768px) and (max-width: 1023px){.recommendations-grid{grid-template-columns:1fr}.analysis-actions{justify-content:center}}@media (min-width: 1024px){.recommendation-card:hover{transform:translateY(-4px)}.schema-property:hover{background:var(--background-secondary)}.property-input:hover,.property-select:hover{border-color:var(--border-medium)}}.app-header{position:sticky;top:0;z-index:100;background:var(--background-color);border-bottom:1px solid var(--border-color);padding:.5rem 1rem;display:flex;justify-content:flex-end}.session-status{position:relative}.session-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.session-toggle:hover{background:var(--hover-color);border-color:var(--primary-color)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.user-avatar.large{width:40px;height:40px;font-size:1rem}.session-details{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.user-email{font-size:.875rem;font-weight:500;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.session-expiry,.session-time{font-size:.75rem;color:var(--text-muted)}.session-expiry.warning,.session-time.warning{color:var(--warning-color);font-weight:500}.dropdown-arrow{transition:transform .2s ease;color:var(--text-muted)}.dropdown-arrow.open{transform:rotate(180deg)}.session-dropdown{position:absolute;top:100%;right:0;margin-top:.25rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:280px;z-index:1000}.dropdown-content{padding:1rem}.dropdown-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.user-info{display:flex;align-items:center;gap:.75rem}.user-details{flex:1;min-width:0}.dropdown-actions{display:flex;flex-direction:column;gap:.25rem}.dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem;background:transparent;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;text-align:left;transition:background-color .2s ease}.dropdown-item:hover{background:var(--hover-color)}.dropdown-item.refresh-session{color:var(--primary-color)}.dropdown-item.logout{color:var(--error-color)}.dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.loading-container{display:flex;justify-content:center;align-items:center;min-height:50vh;padding:2rem}.loading-spinner{text-align:center}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.loading-spinner p{color:var(--text-muted);font-size:.875rem}@media (max-width: 768px){.session-details{display:none}.session-dropdown{min-width:260px;right:-1rem}.app-header{padding:.5rem}}:root{--warning-color: #f59e0b;--error-color: #ef4444}/ * Form Validation Styles */ .form-input.warning,.form-textarea.warning{border-color:var(--warning-color);background-color:#f59e0b0d}.form-input.warning:focus,.form-textarea.warning:focus{border-color:var(--warning-color);box-shadow:0 0 0 3px #f59e0b1a}.warning-message{display:flex;align-items:flex-start;gap:.5rem;margin-top:.5rem;padding:.75rem;background-color:#f59e0b1a;border:1px solid var(--warning-color);border-radius:6px;font-size:.875rem;color:#92400e}.warning-message:before{content:"⚠️";flex-shrink:0}.warning-message-global{margin:1rem 0;padding:1rem;background-color:#f59e0b1a;border:1px solid var(--warning-color);border-radius:8px;font-size:.875rem;color:#92400e}.warning-message-global:before{content:"⚠️ "}.error-message{display:flex;align-items:flex-start;gap:.5rem;margin-top:.5rem;padding:.75rem;background-color:#ef44441a;border:1px solid var(--error-color);border-radius:6px;font-size:.875rem;color:#991b1b}.error-message:before{content:"❌";flex-shrink:0}.error-message-global{margin:1rem 0;padding:1rem;background-color:#ef44441a;border:1px solid var(--error-color);border-radius:8px;font-size:.875rem;color:#991b1b}.error-message-global:before{content:"❌ "}.form-group{position:relative}.form-input:valid:not(:placeholder-shown){border-color:#10b981;background-color:#10b9810d}.form-input:valid:not(:placeholder-shown):focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-input.success{border-color:#10b981;background-color:#10b9810d}.success-message{display:flex;align-items:flex-start;gap:.5rem;margin-top:.5rem;padding:.75rem;background-color:#10b9811a;border:1px solid #10b981;border-radius:6px;font-size:.875rem;color:#065f46}.success-message:before{content:"✅";flex-shrink:0}.form-help-text{margin-top:.5rem;font-size:.875rem;color:var(--text-muted);line-height:1.4}.character-count{margin-top:.5rem;font-size:.75rem;color:var(--text-muted);text-align:right}.character-count.warning{color:var(--warning-color)}.character-count.error{color:var(--error-color)}.form-input-with-icon{position:relative}.form-input-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.form-input-icon.success{color:#10b981}.form-input-icon.error{color:var(--error-color)}.form-input-icon.warning{color:var(--warning-color)}.form-input:disabled{background-color:var(--background-muted);color:var(--text-muted);cursor:not-allowed}.form-textarea:disabled{background-color:var(--background-muted);color:var(--text-muted);cursor:not-allowed;resize:none}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.required{color:var(--error-color);margin-left:.25rem}.validation-summary{margin:1rem 0;padding:1rem;border-radius:8px;font-size:.875rem}.validation-summary.error{background-color:#ef44441a;border:1px solid var(--error-color);color:#991b1b}.validation-summary.warning{background-color:#f59e0b1a;border:1px solid var(--warning-color);color:#92400e}.validation-summary.success{background-color:#10b9811a;border:1px solid #10b981;color:#065f46}.validation-summary ul{margin:.5rem 0 0;padding-left:1.5rem}.validation-summary li{margin-bottom:.25rem}@media (max-width: 768px){.error-message,.warning-message,.success-message{padding:.5rem;font-size:.8125rem}.error-message-global,.warning-message-global{padding:.75rem;font-size:.8125rem}}/ * ===== SCENARIO SWITCHER STYLES ===== */ .scenario-switcher{position:fixed;top:20px;right:20px;z-index:1000;font-family:Inter,sans-serif;font-size:14px}.scenario-switcher--collapsed{width:auto}.scenario-switcher--expanded{width:400px;max-height:80vh;overflow-y:auto;background:var(--background-primary);border:2px solid var(--border-medium);border-radius:12px;box-shadow:0 10px 25px #17212126}.scenario-switcher__toggle{background:var(--primary-color);color:var(--text-inverse);border:none;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #17212133}.scenario-switcher__toggle:hover{background:var(--primary-light);transform:translateY(-1px);box-shadow:0 4px 12px #17212140}.scenario-switcher__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-light);background:var(--background-secondary);border-radius:12px 12px 0 0}.scenario-switcher__title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.scenario-switcher__close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:4px;transition:all .2s ease}.scenario-switcher__close:hover{background:var(--background-tertiary);color:var(--text-primary)}.scenario-switcher__content{padding:20px}.scenario-switcher__info{margin-bottom:20px}.scenario-switcher__description{margin:0 0 12px;color:var(--text-secondary);line-height:1.5}.scenario-switcher__current{padding:8px 12px;background:var(--background-tertiary);border-radius:6px;font-size:13px;color:var(--text-primary)}.scenario-switcher__scenarios{margin-bottom:20px}.scenario-switcher__group{margin-bottom:16px}.scenario-switcher__group:last-child{margin-bottom:0}.scenario-switcher__group-title{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.scenario-switcher__group-items{display:flex;flex-direction:column;gap:4px}.scenario-switcher__scenario{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--background-primary);border:1px solid var(--border-light);border-radius:6px;cursor:pointer;transition:all .2s ease;text-align:left;font-size:13px}.scenario-switcher__scenario:hover{background:var(--background-secondary);border-color:var(--border-medium)}.scenario-switcher__scenario--active{background:var(--secondary-color);border-color:var(--secondary-dark);color:var(--text-inverse)}.scenario-switcher__scenario--active:hover{background:var(--secondary-dark)}.scenario-switcher__scenario:disabled{opacity:.6;cursor:not-allowed}.scenario-switcher__scenario-name{flex:1;font-weight:500}.scenario-switcher__scenario-indicator{font-size:12px;font-weight:600}.scenario-switcher__actions{margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.scenario-switcher__reset{padding:10px 16px;background:var(--background-primary);border:1px solid var(--accent-error);border-radius:6px;color:var(--accent-error);cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.scenario-switcher__reset:hover{background:var(--accent-error);color:var(--text-inverse)}.scenario-switcher__reset--confirm{background:var(--accent-error);color:var(--text-inverse);animation:pulse 1s infinite}.scenario-switcher__reset:disabled{opacity:.6;cursor:not-allowed}.scenario-switcher__loading{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--background-secondary);border-radius:6px;font-size:13px;color:var(--text-secondary)}.scenario-switcher__spinner{animation:spin 1s linear infinite}.scenario-switcher__help{border-top:1px solid var(--border-light);padding-top:16px}.scenario-switcher__details{font-size:13px}.scenario-switcher__details summary{cursor:pointer;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.scenario-switcher__details summary:hover{color:var(--text-primary)}.scenario-switcher__help-list{margin:8px 0 0;padding-left:16px;color:var(--text-secondary);line-height:1.4}.scenario-switcher__help-list li{margin-bottom:4px}.scenario-switcher__help-list strong{color:var(--text-primary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.scenario-switcher{top:10px;right:10px}.scenario-switcher--expanded{width:calc(100vw - 20px);max-width:350px}.scenario-switcher__content{padding:16px}}@media (prefers-color-scheme: dark){.scenario-switcher--expanded{background:var(--background-dark);border-color:var(--border-dark)}.scenario-switcher__header{background:var(--primary-dark)}.scenario-switcher__title{color:var(--text-inverse)}.scenario-switcher__close{color:var(--text-muted)}.scenario-switcher__close:hover{background:var(--primary-light);color:var(--text-inverse)}.scenario-switcher__scenario{background:var(--primary-light);border-color:var(--border-dark);color:var(--text-inverse)}.scenario-switcher__scenario:hover{background:var(--primary-color)}}.navigation{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-xl);background:var(--background-primary);border-bottom:1px solid var(--border-light);height:70px;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.nav-brand .brand-button{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);font-family:var(--font-family-heading);color:var(--text-primary);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-brand .brand-button:hover{background:var(--background-secondary);transform:translateY(-1px)}.nav-brand .brand-icon{font-size:1.5rem}.nav-brand .brand-text{font-weight:var(--font-weight-bold)}.nav-actions{display:flex;align-items:center}.app-main.with-navigation{padding-top:0}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--background-color)}.error-boundary-container{text-align:center;max-width:500px}.error-boundary .error-icon{color:var(--error-color);margin-bottom:1rem}.error-boundary h1{color:var(--text-color);margin-bottom:.5rem}.error-boundary p{color:var(--text-secondary);margin-bottom:2rem}.error-boundary .error-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.error-details{text-align:left;margin-top:2rem;padding:1rem;background:var(--surface-color);border-radius:8px;border:1px solid var(--border-color)}.error-details summary{cursor:pointer;font-weight:600;margin-bottom:1rem}.error-stack pre{background:var(--background-color);padding:1rem;border-radius:4px;overflow-x:auto;font-size:.8rem;margin:.5rem 0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.loading-spinner{margin-bottom:1rem}.loading-spinner .spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-small .spinner{width:20px;height:20px;border-width:2px}.loading-spinner-large .spinner{width:60px;height:60px;border-width:6px}.loading-message h3{color:var(--text-color);margin-bottom:.5rem}.loading-steps{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;max-width:300px}.loading-step{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:8px;transition:all .3s}.loading-step.active{background:var(--primary-color-light);color:var(--primary-color)}.loading-step.completed{background:var(--success-color-light);color:var(--success-color)}.loading-step .step-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:currentColor;color:#fff;font-size:.8rem;font-weight:600}.loading-step.completed .step-icon{background:var(--success-color)}.loading-step .step-text{font-size:.9rem}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.not-found-container{text-align:center;max-width:400px}.not-found-container h1{color:var(--text-color);margin-bottom:1rem;font-size:2rem}.not-found-container p{color:var(--text-secondary);margin-bottom:2rem}@media (max-width: 768px){.navigation{padding:0 var(--spacing-md);height:60px}.nav-brand .brand-text{display:none}.nav-brand .brand-icon{font-size:1.75rem}}.app-main{transition:padding-top .3s ease}.nav-item:focus,.brand-button:focus,.logout-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.saving-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.saving-content{display:flex;align-items:center;gap:1rem;background:var(--surface-color);padding:1.5rem 2rem;border-radius:8px;color:var(--text-color)}.saving-content .loading-spinner.small .spinner{width:20px;height:20px}.skeleton-line,.skeleton-circle,.skeleton-button,.skeleton-number,.skeleton-priority-badge,.skeleton-score-circle,.skeleton-code-line{background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-highlight) 50%,var(--skeleton-base) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-line{height:16px;margin-bottom:8px}.skeleton-line.short{width:30%}.skeleton-line.medium{width:60%}.skeleton-line.large{width:80%;height:24px}.skeleton-circle{width:40px;height:40px;border-radius:50%}.skeleton-circle.small{width:24px;height:24px}.skeleton-button{height:36px;width:100px;border-radius:8px}.skeleton-number{height:32px;width:60px;border-radius:8px}.skeleton-card{padding:1.5rem;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-color);margin-bottom:1rem}.skeleton-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.skeleton-card-body{margin-bottom:1rem}.skeleton-card-footer{display:flex;gap:.5rem}.skeleton-dashboard{padding:2rem}.skeleton-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.skeleton-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.skeleton-stat-card{padding:1.5rem;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-color);text-align:center}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.skeleton-analysis{padding:2rem}.skeleton-summary{margin:2rem 0;padding:1.5rem;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-color)}.skeleton-recommendations{display:flex;flex-direction:column;gap:1rem}.skeleton-recommendation{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color)}.skeleton-priority-badge{width:60px;height:24px;border-radius:12px;flex-shrink:0}.skeleton-rec-content{flex:1}.skeleton-score-circle{width:80px;height:80px;border-radius:50%}.skeleton-schema{padding:2rem}.skeleton-button-group{display:flex;gap:.5rem}.skeleton-editor{display:grid;grid-template-columns:300px 1fr;gap:2rem;margin-top:2rem}.skeleton-editor-sidebar{padding:1.5rem;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-color)}.skeleton-property{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.skeleton-editor-main{border:1px solid var(--border-color);border-radius:12px;background:var(--surface-color)}.skeleton-code-block{padding:1.5rem;font-family:Monaco,Menlo,monospace}.skeleton-code-line{height:20px;margin-bottom:4px}.page-loading{min-height:60vh;display:flex;align-items:center;justify-content:center}.app-main{transition:all .3s ease}.page-container{animation:fadeIn .3s ease-in-out}.modal-overlay{animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.btn,.nav-item,.brand-button,.logout-button{transition:all .2s ease}.form-input,.form-select,.form-textarea{transition:border-color .2s ease,box-shadow .2s ease}.analysis-card,.action-card,.step-card{transition:transform .2s ease,box-shadow .2s ease}.analysis-card:hover,.action-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.loading-container,.error-container{animation:fadeIn .5s ease-in-out}@media (max-width: 768px){.skeleton-editor{grid-template-columns:1fr}.skeleton-stats{grid-template-columns:repeat(2,1fr)}.skeleton-grid{grid-template-columns:1fr}}.skeleton-line,.skeleton-circle,.skeleton-button,.skeleton-number,.skeleton-priority-badge,.skeleton-score-circle,.skeleton-code-line{will-change:background-position}@media (prefers-reduced-motion: reduce){.skeleton-line,.skeleton-circle,.skeleton-button,.skeleton-number,.skeleton-priority-badge,.skeleton-score-circle,.skeleton-code-line{animation:none;background:var(--skeleton-base)}.page-container,.modal-overlay,.modal-content,.loading-container,.error-container{animation:none}.analysis-card:hover,.action-card:hover{transform:none}}.landing-page-modern{min-height:100vh;background:linear-gradient(135deg,var(--background-primary) 0%,var(--background-secondary) 100%);padding-bottom:var(--spacing-3xl)}.main-checklist{padding:var(--spacing-xl) var(--spacing-md);background:linear-gradient(135deg,#12eb930d,#62afff0d);border-bottom:1px solid var(--border-light)}.checklist-horizontal{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--spacing-lg) var(--spacing-xl);max-width:1200px;margin:0 auto}.checklist-horizontal li{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap}.checklist-horizontal li svg{flex-shrink:0;color:var(--accent-primary);width:20px;height:20px;max-width:700px;margin:0 auto}.tabs-container{max-width:1200px;margin:0 auto;padding:var(--spacing-3xl) var(--spacing-md) var(--spacing-2xl)}.tabs-wrapper{background:var(--background-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.tab-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));background:var(--background-secondary);border-bottom:2px solid var(--border-light);gap:0}.tab-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all var(--transition-normal);text-align:left;position:relative;min-height:70px}.tab-button:hover{background:#62afff0d}.tab-button.active{background:var(--background-primary);border-bottom-color:var(--accent-primary)}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--secondary-color))}.tab-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--background-secondary);border-radius:var(--radius-md);color:var(--secondary-color);transition:all var(--transition-normal)}.tab-button.active .tab-icon{background:linear-gradient(135deg,var(--accent-primary),var(--secondary-color));color:#fff;transform:scale(1.1)}.tab-text{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.tab-title{font-family:var(--font-family-heading);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary)}.tab-description{font-size:var(--font-size-small);color:var(--text-secondary);line-height:1.4;display:none}.tab-button.active .tab-title{color:var(--accent-secondary)}.tab-panels{position:relative;min-height:500px}.tab-panel{display:none;padding:var(--spacing-2xl)}.tab-panel.active{display:block}.tab-content-wrapper{max-width:900px;margin:0 auto}.tab-content-header{text-align:center;margin-bottom:var(--spacing-2xl);display:none}.tab-content-header h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:var(--spacing-md);color:var(--text-primary)}.tab-content-header p{font-size:var(--font-size-body);color:var(--text-secondary);line-height:var(--line-height-relaxed);max-width:700px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-2xl)}.feature-card{padding:var(--spacing-xl);background:var(--background-secondary);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-normal);border:2px solid transparent}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.feature-icon{width:64px;height:64px;margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary),var(--secondary-color));border-radius:var(--radius-lg);color:#fff}.feature-card h3{font-size:var(--font-size-h3);margin-bottom:var(--spacing-sm);color:var(--text-primary)}.feature-card p{font-size:var(--font-size-body);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.info-section{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.info-card{padding:var(--spacing-xl);background:var(--background-secondary);border-radius:var(--radius-lg);border-left:4px solid var(--accent-primary)}.info-card h3{font-size:var(--font-size-h3);margin-bottom:var(--spacing-md);color:var(--text-primary)}.checklist{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-md)}.checklist li{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-body);color:var(--text-primary)}.checklist li svg{flex-shrink:0;color:var(--accent-primary)}.cta-card{padding:var(--spacing-2xl);background:linear-gradient(135deg,#12eb931a,#62afff1a);border-radius:var(--radius-lg);text-align:center;border:2px solid var(--accent-primary);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.cta-card h3{font-size:var(--font-size-h3);margin-bottom:0;color:var(--text-primary)}.cta-card p{font-size:var(--font-size-body);color:var(--text-secondary);margin-bottom:0}.cta-card .btn{margin:0}.implementation-info-simple{padding:var(--spacing-2xl);text-align:center;color:var(--text-secondary);font-size:var(--font-size-body)}.schema-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.schema-type-card{padding:var(--spacing-lg);background:var(--background-secondary);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-normal);border:2px solid transparent}.schema-type-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--secondary-color)}.schema-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.schema-type-card h4{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);color:var(--text-primary)}.schema-type-card p{font-size:var(--font-size-small);color:var(--text-secondary)}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.platform-card{padding:var(--spacing-xl);background:var(--background-secondary);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-normal);border:2px solid transparent}.platform-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-secondary)}.platform-icon{width:60px;height:60px;margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--secondary-color),var(--secondary-dark));border-radius:var(--radius-md);color:#fff;font-size:1.5rem;font-weight:var(--font-weight-bold)}.platform-card h4{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);color:var(--text-primary)}.platform-card p{font-size:var(--font-size-small);color:var(--text-secondary)}.implementation-info{padding:var(--spacing-xl);background:var(--background-secondary);border-radius:var(--radius-lg)}.implementation-info h3{font-size:var(--font-size-h3);margin-bottom:var(--spacing-lg);text-align:center;color:var(--text-primary)}.info-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.info-column h4{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm);color:var(--text-primary)}.info-column p{font-size:var(--font-size-small);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.btn-lg{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:1rem 2rem;font-size:1.125rem}.btn-lg svg{transition:transform var(--transition-fast)}.btn-lg:hover svg{transform:translate(4px)}@media (max-width: 768px){.main-checklist{padding:var(--spacing-lg) var(--spacing-md)}.checklist-horizontal{gap:var(--spacing-md)}.checklist-horizontal li{font-size:var(--font-size-small)}.tabs-container{padding:var(--spacing-lg) var(--spacing-sm)}.tab-list{grid-template-columns:1fr}.tab-button{padding:var(--spacing-md);min-height:60px}.tab-icon{width:36px;height:36px}.tab-title{font-size:var(--font-size-small)}.tab-panel{padding:var(--spacing-lg)}.features-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.schema-types-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.platforms-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.info-columns{grid-template-columns:1fr}.cta-card{padding:var(--spacing-lg)}}@media (max-width: 480px){.checklist-horizontal{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.checklist-horizontal li{white-space:normal}.tab-button{flex-direction:row;text-align:left;padding:var(--spacing-sm) var(--spacing-md);min-height:60px}.tab-text{align-items:flex-start}.schema-types-grid,.platforms-grid{grid-template-columns:1fr}.feature-card,.schema-type-card,.platform-card{padding:var(--spacing-md)}}@media (min-width: 769px) and (max-width: 1024px){.tab-list,.features-grid{grid-template-columns:repeat(2,1fr)}.schema-types-grid,.platforms-grid{grid-template-columns:repeat(3,1fr)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tab-panel.active .tab-content-wrapper{animation:fadeInUp .4s ease-out}.tab-button:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:-2px;z-index:1}@media print{.landing-page-modern{background:#fff}.tab-list{display:none}.tab-panel{display:block!important;page-break-after:always}}.dashboard-header-actions .btn{min-width:120px}.stat-card:hover .stat-value{transform:scale(1.05);transition:transform var(--transition-fast)}.dashboard-section{background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal)}.dashboard-section:hover{box-shadow:var(--shadow-md)}.dashboard-container.loading{opacity:.7;pointer-events:none}.analysis-card:focus-within{outline:2px solid var(--secondary-color);outline-offset:2px}@media (max-width: 480px){.dashboard-header h1{font-size:var(--font-size-h2)}.stat-card h3{font-size:var(--font-size-caption)}.stat-value{font-size:2rem}.section-header h2{font-size:var(--font-size-h3)}}.analysis-card,.stat-card,.dashboard-section{animation:fadeIn .6s ease-out}.analysis-card:nth-child(1){animation-delay:.1s}.analysis-card:nth-child(2){animation-delay:.2s}.analysis-card:nth-child(3){animation-delay:.3s}.analysis-card:nth-child(4){animation-delay:.4s}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--secondary-color);outline-offset:2px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#172121b3}.modal-content{box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{margin-bottom:var(--spacing-sm)}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--accent-error);display:flex;align-items:center;gap:var(--spacing-sm)}.success-message{background:#12eb931a;border:1px solid rgba(18,235,147,.3);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--accent-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.navigation .session-status{position:relative}.navigation .session-toggle{height:44px;min-height:44px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast)}.navigation .session-toggle:hover{background:var(--background-secondary)}.navigation .session-details{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.navigation .user-email{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--text-primary)}.navigation .session-expiry{font-size:var(--font-size-caption);color:var(--text-secondary)}.navigation .session-expiry.warning{color:var(--accent-warning);font-weight:var(--font-weight-medium)}@media (max-width: 768px){.navigation .session-details{display:none}.navigation .user-avatar{width:36px;height:36px;font-size:var(--font-size-body)}.navigation .dropdown-arrow{display:none}}@media (max-width: 480px){.navigation .user-avatar{width:32px;height:32px;font-size:var(--font-size-small)}}.session-dropdown{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;min-width:120px}.session-dropdown .dropdown-content{padding:var(--spacing-xs)}.session-dropdown .dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-align:left}.session-dropdown .dropdown-item:hover{background:var(--background-secondary);color:var(--accent-error)}.session-dropdown .dropdown-item svg{color:var(--text-secondary);transition:color var(--transition-fast)}.session-dropdown .dropdown-item:hover svg{color:var(--accent-error)}.dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:transparent}.session-dropdown{animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.schema-editor-page{min-height:100vh;background:var(--background-primary)}.schema-editor-page .content-container{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.schema-editor-page .schema-editor-header{margin-bottom:var(--spacing-2xl)}.schema-editor-page .header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.schema-editor-page .back-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-family-body);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.schema-editor-page .back-button:hover{background:var(--background-secondary);color:var(--text-primary);border-color:var(--border-medium);transform:translateY(-1px)}.schema-editor-page .back-button svg{transition:transform var(--transition-fast)}.schema-editor-page .back-button:hover svg{transform:translate(-2px)}.schema-editor-page .header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.schema-editor-page .schema-type-selector{display:flex;align-items:center;gap:var(--spacing-xs)}.schema-editor-page .schema-type-selector .form-select{min-width:150px;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-small)}.schema-editor-page .header-main{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl);padding:var(--spacing-xl);background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.schema-editor-page .report-info{flex:1}.schema-editor-page .report-info h1{font-family:var(--font-family-heading);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-lg);line-height:var(--line-height-tight)}.schema-editor-page .report-meta{display:flex;flex-direction:column;gap:var(--spacing-sm)}.schema-editor-page .meta-item{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-family-body);font-size:var(--font-size-body)}.schema-editor-page .meta-label{font-weight:var(--font-weight-medium);color:var(--text-secondary);min-width:100px}.schema-editor-page .meta-value{color:var(--text-primary)}.schema-editor-page .url-link{color:var(--accent-secondary);text-decoration:none;transition:color var(--transition-fast)}.schema-editor-page .url-link:hover{color:var(--secondary-dark);text-decoration:underline}.schema-editor-page .schema-type-badge{background:var(--secondary-color);color:var(--text-inverse);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.schema-editor-page .dashboard-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.schema-editor-page .dashboard-section{background:var(--background-primary);border-radius:var(--radius-lg);padding:0;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.schema-editor-page .dashboard-section-content{padding:var(--spacing-xl);margin:0}.schema-editor-page .dashboard-section-content h2{font-family:var(--font-family-heading);font-size:var(--font-size-h2);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-lg)}.schema-editor-page .dashboard-section-content h3{font-family:var(--font-family-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-md)}.schema-editor-page .requirements-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.schema-editor-page .requirements-column{background:var(--background-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-light)}.schema-editor-page .requirements-list{list-style:none;padding:0;margin:0}.schema-editor-page .requirement-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-light);font-family:var(--font-family-body);font-size:var(--font-size-body)}.schema-editor-page .requirement-item:last-child{border-bottom:none}.schema-editor-page .requirement-name{font-weight:var(--font-weight-medium)}.schema-editor-page .requirement-item.completed .requirement-name{color:var(--accent-primary)}.schema-editor-page .requirement-item.missing .requirement-name{color:var(--accent-error)}.schema-editor-page .requirement-item.optional .requirement-name{color:var(--text-secondary)}.schema-editor-page .requirement-icon{flex-shrink:0}.schema-editor-page .requirement-icon.success{color:var(--accent-primary)}.schema-editor-page .requirement-icon.error{color:var(--accent-error)}.schema-editor-page .schema-editor-container{width:100%;max-width:100%;background:var(--background-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-lg);min-height:400px;box-sizing:border-box}.schema-editor-page .schema-viewer{width:100%;max-width:100%;display:flex;flex-direction:column;gap:var(--spacing-md);box-sizing:border-box}.schema-editor-page .schema-viewer-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-light);flex-wrap:wrap;gap:var(--spacing-sm)}.schema-editor-page .view-mode-toggle{display:flex;gap:var(--spacing-xs);background:var(--background-primary);border-radius:var(--radius-md);padding:var(--spacing-xs);border:1px solid var(--border-light)}.schema-editor-page .toggle-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);font-family:var(--font-family-body);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.schema-editor-page .toggle-btn.active{background:var(--secondary-color);color:var(--text-inverse)}.schema-editor-page .toggle-btn:hover:not(.active){background:var(--background-secondary);color:var(--text-primary)}.schema-editor-page .schema-actions{display:flex;gap:var(--spacing-sm)}.schema-editor-page .validation-results{width:100%;padding:var(--spacing-md);border-radius:var(--radius-md);border:2px solid;background:var(--background-primary);margin-bottom:var(--spacing-md)}.schema-editor-page .validation-results.valid{border-color:var(--accent-primary);background:#12eb930d}.schema-editor-page .validation-results.invalid{border-color:var(--accent-error);background:#ef44440d}.schema-editor-page .validation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.schema-editor-page .validation-status{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-family-body);font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.schema-editor-page .validation-results.valid .validation-status{color:var(--accent-primary)}.schema-editor-page .validation-results.invalid .validation-status{color:var(--accent-error)}.schema-editor-page .validating{font-size:var(--font-size-small);color:var(--text-secondary);font-style:italic}.schema-editor-page .validation-errors,.schema-editor-page .validation-warnings{margin-top:var(--spacing-md)}.schema-editor-page .validation-errors h4,.schema-editor-page .validation-warnings h4{font-family:var(--font-family-heading);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.schema-editor-page .validation-errors h4{color:var(--accent-error)}.schema-editor-page .validation-warnings h4{color:var(--accent-warning)}.schema-editor-page .validation-errors ul,.schema-editor-page .validation-warnings ul{list-style:none;padding:0;margin:0}.schema-editor-page .validation-errors li,.schema-editor-page .validation-warnings li{padding:var(--spacing-xs) 0;font-family:var(--font-family-body);font-size:var(--font-size-small);line-height:var(--line-height-normal)}.schema-editor-page .validation-errors li{color:var(--accent-error)}.schema-editor-page .validation-warnings li{color:var(--accent-warning)}.schema-editor-page .schema-content{width:100%;max-width:100%;flex:1;box-sizing:border-box}.schema-editor-page .formatted-schema-view,.schema-editor-page .raw-schema-view{width:100%;max-width:100%;box-sizing:border-box}.schema-editor-page .schema-textarea{width:100%;min-height:300px;padding:var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--background-primary);font-family:Courier New,monospace;font-size:var(--font-size-small);line-height:1.4;resize:vertical;transition:border-color var(--transition-fast)}.schema-editor-page .schema-textarea:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #62afff1a}.schema-editor-page .schema-textarea.error{border-color:var(--accent-error)}.schema-editor-page .json-error{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:#ef44441a;border:1px solid var(--accent-error);border-radius:var(--radius-sm);color:var(--accent-error);font-family:var(--font-family-body);font-size:var(--font-size-small)}.schema-editor-page .schema-properties{width:100%;max-width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm)}.schema-editor-page .schema-property{width:100%;max-width:100%;padding:var(--spacing-sm);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--background-primary);box-sizing:border-box}.schema-editor-page .property-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);width:100%;max-width:100%;box-sizing:border-box}.schema-editor-page .expand-button{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);color:var(--text-secondary);transition:color var(--transition-fast)}.schema-editor-page .expand-button:hover{color:var(--text-primary)}.schema-editor-page .property-label{display:flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);color:var(--text-primary)}.schema-editor-page .property-key{font-family:Courier New,monospace;font-size:var(--font-size-small);color:var(--secondary-color)}.schema-editor-page .schema-indicator{background:var(--accent-primary);color:var(--text-primary);padding:2px var(--spacing-xs);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase}.schema-editor-page .property-value-container{width:100%;max-width:100%;box-sizing:border-box}.schema-editor-page .property-input,.schema-editor-page .property-select{width:100%;max-width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--background-primary);font-family:var(--font-family-body);font-size:var(--font-size-small);transition:border-color var(--transition-fast);box-sizing:border-box}.schema-editor-page .property-input:focus,.schema-editor-page .property-select:focus{outline:none;border-color:var(--secondary-color)}.schema-editor-page .array-property,.schema-editor-page .object-property{width:100%;max-width:100%;box-sizing:border-box}.schema-editor-page .array-label,.schema-editor-page .object-label{font-family:Courier New,monospace;font-size:var(--font-size-small);color:var(--text-secondary);font-style:italic;display:block;width:100%}.schema-editor-page .array-items,.schema-editor-page .object-properties{width:100%;max-width:100%;margin-top:var(--spacing-sm);padding-left:var(--spacing-md);border-left:2px solid var(--border-light);box-sizing:border-box}.schema-editor-page .array-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);width:100%;max-width:100%;box-sizing:border-box}.schema-editor-page .array-index{font-family:Courier New,monospace;font-size:var(--font-size-small);color:var(--text-secondary);min-width:20px}.schema-editor-page .action-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light);margin-top:var(--spacing-lg)}.schema-editor-page .action-group{display:flex;gap:var(--spacing-sm);align-items:center}.schema-editor-page .loading-container,.schema-editor-page .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-3xl);min-height:400px}.schema-editor-page .loading-container h2,.schema-editor-page .error-state h2{font-family:var(--font-family-heading);font-size:var(--font-size-h2);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-md)}.schema-editor-page .loading-container p,.schema-editor-page .error-state p{font-family:var(--font-family-body);font-size:var(--font-size-body);color:var(--text-secondary);margin-bottom:var(--spacing-lg);max-width:500px}.schema-editor-page .loading-steps{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.schema-editor-page .loading-step{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-secondary);border-radius:var(--radius-md);opacity:.5;transition:opacity var(--transition-normal)}.schema-editor-page .loading-step.active{opacity:1}.schema-editor-page .step-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--secondary-color);color:var(--text-inverse);border-radius:50%;font-weight:var(--font-weight-bold);font-size:var(--font-size-small)}.schema-editor-page .error-state .error-icon{color:var(--accent-error);margin-bottom:var(--spacing-lg)}.schema-editor-page .error-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.schema-editor-page .saving-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.schema-editor-page .saving-content{background:var(--background-primary);padding:var(--spacing-xl);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--spacing-md);box-shadow:var(--shadow-lg);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);color:var(--text-primary)}@media (max-width: 768px){.schema-editor-page .header-top{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.schema-editor-page .header-actions{justify-content:flex-start;flex-wrap:wrap}.schema-editor-page .header-main{flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg)}.schema-editor-page .report-info h1{font-size:var(--font-size-h2)}.schema-editor-page .report-meta{gap:var(--spacing-xs)}.schema-editor-page .meta-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.schema-editor-page .meta-label{min-width:auto}.schema-editor-page .requirements-container{grid-template-columns:1fr;gap:var(--spacing-lg)}.schema-editor-page .action-bar{flex-direction:column;align-items:stretch;gap:var(--spacing-lg)}.schema-editor-page .action-group{justify-content:center;flex-wrap:wrap}.schema-editor-page .loading-steps{align-items:stretch}.schema-editor-page .loading-step{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.schema-editor-page .error-actions{flex-direction:column;align-items:center}.schema-editor-page .schema-viewer-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.schema-editor-page .view-mode-toggle,.schema-editor-page .schema-actions{justify-content:center}.schema-editor-page .validation-results{padding:var(--spacing-sm)}.schema-editor-page .validation-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.schema-editor-page .schema-textarea{min-height:250px;font-size:12px}.schema-editor-page .array-items,.schema-editor-page .object-properties{padding-left:var(--spacing-sm)}}@media (max-width: 480px){.schema-editor-page .header-main{padding:var(--spacing-md)}.schema-editor-page .report-info h1{font-size:clamp(1.5rem,4vw,2rem)}.schema-editor-page .header-actions{flex-direction:column;align-items:stretch}.schema-editor-page .header-actions .btn{justify-content:center}.schema-editor-page .schema-type-selector{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.schema-editor-page .schema-type-selector .form-select{min-width:auto}.schema-editor-page .requirements-column{padding:var(--spacing-md)}.schema-editor-page .dashboard-section-content{padding:var(--spacing-lg)}.schema-editor-page .toggle-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:12px}.schema-editor-page .validation-results{padding:var(--spacing-xs)}.schema-editor-page .validation-status{font-size:var(--font-size-small)}.schema-editor-page .schema-textarea{min-height:200px;padding:var(--spacing-sm);font-size:11px}.schema-editor-page .schema-property{padding:var(--spacing-xs)}.schema-editor-page .property-input,.schema-editor-page .property-select{font-size:12px}}.schema-editor-page .schema-editor-header{animation:fadeIn .6s ease-out}.schema-editor-page .header-main{animation:slideInUp .6s ease-out .1s both}.schema-editor-page .dashboard-section{animation:slideInUp .6s ease-out .2s both}@media (prefers-reduced-motion: reduce){.schema-editor-page .schema-editor-header,.schema-editor-page .header-main,.schema-editor-page .dashboard-section{animation:none}.schema-editor-page .back-button:hover{transform:none}.schema-editor-page .back-button svg,.schema-editor-page .loading-step,.schema-editor-page .requirement-item{transition:none}}.implementation-guide-page{min-height:100vh;background:var(--background-primary);font-family:var(--font-family-body)}.impl-header{background:var(--background-primary);border-bottom:1px solid var(--border-light);padding:var(--spacing-xl) 0}.impl-header-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl)}.impl-title-section{flex:1}.impl-main-title{font-family:var(--font-family-heading);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-md)}.impl-title-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);background:var(--background-secondary);color:var(--secondary-color);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);font-family:var(--font-family-body)}.impl-subtitle{font-family:var(--font-family-body);font-size:var(--font-size-body);color:var(--text-secondary);line-height:var(--line-height-normal);max-width:600px}.impl-header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.btn-impl-action{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--background-primary);color:var(--text-primary);font-family:var(--font-family-body);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-impl-action:hover{background:var(--background-secondary);border-color:var(--border-medium);transform:translateY(-1px)}.btn-impl-copy{color:var(--text-secondary)}.btn-impl-download{background:var(--secondary-color);color:var(--text-inverse);border-color:var(--secondary-color)}.btn-impl-download:hover{background:var(--secondary-dark);border-color:var(--secondary-dark)}.impl-tabs-container{background:var(--background-primary);border-bottom:1px solid var(--border-light)}.impl-tabs-nav{max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl);display:flex;gap:var(--spacing-md)}.impl-tab{padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-family:var(--font-family-body);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);position:relative}.impl-tab:hover{color:var(--text-primary);background:var(--background-secondary)}.impl-tab.active{color:var(--secondary-color);border-bottom-color:var(--secondary-color)}.impl-content{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl)}.impl-tab-content{animation:fadeIn .3s ease-in-out}.impl-code-preview{background:var(--background-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);overflow-x:auto}.impl-code-block{margin:0;padding:0;font-family:Courier New,monospace;font-size:var(--font-size-small);line-height:var(--line-height-relaxed);color:var(--text-primary);white-space:pre;overflow-x:auto}.impl-benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}.impl-benefit-card{background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-normal)}.impl-benefit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--secondary-color)}.impl-benefit-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--secondary-color),var(--secondary-light));border-radius:var(--radius-md);margin-bottom:var(--spacing-md);color:var(--text-inverse)}.impl-benefit-card h3{font-family:var(--font-family-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.impl-benefit-card p{font-family:var(--font-family-body);font-size:var(--font-size-body);color:var(--text-secondary);line-height:var(--line-height-normal)}.impl-installation-content{padding:0}.impl-two-column-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}.impl-left-column,.impl-right-column{display:flex;flex-direction:column;gap:var(--spacing-xl)}.impl-section-title{font-family:var(--font-family-heading);font-size:var(--font-size-h2);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-md)}.impl-steps-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.impl-step{display:flex;gap:var(--spacing-md);align-items:flex-start}.impl-step-number{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--text-secondary);color:var(--text-inverse);border-radius:50%;font-family:var(--font-family-heading);font-size:var(--font-size-body);font-weight:var(--font-weight-bold)}.impl-step-content{flex:1;padding-top:var(--spacing-xs)}.impl-step-title{font-family:var(--font-family-heading);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.impl-step-description{font-family:var(--font-family-body);font-size:var(--font-size-small);color:var(--text-secondary);line-height:var(--line-height-normal)}.impl-footer-info{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--background-secondary);border-radius:var(--radius-md);margin-top:var(--spacing-xl)}.impl-footer-item{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-family-body);font-size:var(--font-size-small);color:var(--text-secondary)}.impl-footer-item svg{flex-shrink:0;color:var(--text-secondary)}.impl-footer-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.impl-toggle-label{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-family-body);font-size:var(--font-size-small);color:var(--text-primary);cursor:pointer}.impl-toggle{position:relative;width:44px;height:24px}.impl-toggle input{opacity:0;width:0;height:0}.impl-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--border-medium);transition:var(--transition-normal);border-radius:24px}.impl-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;transition:var(--transition-normal);border-radius:50%}.impl-toggle input:checked+.impl-toggle-slider{background:var(--accent-primary)}.impl-toggle input:checked+.impl-toggle-slider:before{transform:translate(20px)}.btn-impl-update{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--secondary-color);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-family:var(--font-family-body);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-impl-update:hover{background:var(--secondary-dark);transform:translateY(-1px)}.impl-reference-tabs{display:flex;gap:var(--spacing-xs);background:var(--background-secondary);padding:var(--spacing-xs);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.impl-reference-tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-family-body);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.impl-reference-tab:hover{color:var(--text-primary)}.impl-reference-tab.active{background:var(--background-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.impl-reference-content{background:var(--background-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-lg)}.impl-code-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.impl-code-header{display:flex;justify-content:flex-end}.btn-impl-copy-html{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-family-body);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-impl-copy-html:hover{background:var(--background-primary);color:var(--text-primary);border-color:var(--border-medium)}.impl-code-block-small{margin:0;padding:var(--spacing-md);background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:var(--font-size-caption);line-height:var(--line-height-relaxed);color:var(--text-primary);overflow-x:auto}.impl-alternate-text{font-family:var(--font-family-body);font-size:var(--font-size-small);color:var(--text-secondary);line-height:var(--line-height-normal)}.impl-enhancements{background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.impl-enhancements-title{font-family:var(--font-family-heading);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-md)}.impl-enhancements-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.impl-enhancements-list li{position:relative;padding-left:var(--spacing-lg);font-family:var(--font-family-body);font-size:var(--font-size-small);color:var(--text-secondary);line-height:var(--line-height-normal)}.impl-enhancements-list li:before{content:"•";position:absolute;left:var(--spacing-sm);color:var(--secondary-color);font-weight:var(--font-weight-bold)}@media (max-width: 1024px){.impl-two-column-layout{grid-template-columns:1fr}.impl-header-content{flex-direction:column;align-items:flex-start}.impl-header-actions{width:100%;justify-content:flex-start}}@media (max-width: 768px){.impl-header-content{padding:0 var(--spacing-md)}.impl-content{padding:var(--spacing-xl) var(--spacing-md)}.impl-tabs-nav{padding:0 var(--spacing-md);overflow-x:auto;-webkit-overflow-scrolling:touch}.impl-tab{white-space:nowrap;padding:var(--spacing-sm) var(--spacing-md)}.impl-main-title{font-size:var(--font-size-h2);flex-direction:column;align-items:flex-start}.impl-benefits-grid{grid-template-columns:1fr}.impl-footer-actions{flex-direction:column;align-items:stretch}.impl-toggle-label{justify-content:space-between}.btn-impl-update{width:100%;justify-content:center}}@media (max-width: 480px){.impl-header-actions{flex-direction:column;width:100%}.btn-impl-action{width:100%;justify-content:center}.impl-step{flex-direction:column;gap:var(--spacing-sm)}.impl-step-number{align-self:flex-start}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.impl-tab-content,.impl-benefit-card,.btn-impl-action,.btn-impl-update{animation:none;transition:none}.impl-benefit-card:hover{transform:none}}@media print{.impl-header-actions,.impl-tabs-nav,.impl-footer-actions{display:none}.impl-tab-content{display:block!important}.impl-two-column-layout{grid-template-columns:1fr}}