.heading-page{min-height:100vh;background:var(--color-gray-50);position:relative}.heading-hero{background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-700) 100%);padding:var(--space-10) var(--space-6) var(--space-8);position:relative;overflow:hidden}.heading-hero:before{background:radial-gradient(circle at 20% 30%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 80% 70%,hsla(0,0%,100%,.05) 0,transparent 50%)}.heading-hero:after,.heading-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.heading-hero:after{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.4}.heading-hero>*{position:relative;z-index:1}.heading-hero h1{font-size:var(--text-3xl);font-weight:var(--font-bold);color:#fff;margin:0 0 var(--space-2);line-height:var(--leading-tight);text-align:center}.heading-hero>p{font-size:var(--text-base);color:hsla(0,0%,100%,.9);margin:0 0 var(--space-6);line-height:var(--leading-relaxed);text-align:center;max-width:600px;margin-left:auto;margin-right:auto}.heading-form{max-width:680px;margin:0 auto;display:flex;gap:var(--space-2);align-items:stretch}.heading-input{flex:1 1;display:flex;align-items:center;gap:var(--space-3);background:#fff;border:1px solid var(--color-primary-500);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-base),box-shadow var(--transition-base);min-width:0}.heading-input:hover{border-color:var(--color-primary-600)}.heading-input:focus-within{border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(99,102,241,.15);outline:none}.heading-input svg{width:20px;height:20px;color:var(--color-gray-400);flex-shrink:0;transition:color .2s ease}.heading-input:focus-within svg{color:var(--color-primary-600)}.heading-input input{flex:1 1;border:none;outline:none;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-gray-900);background:transparent;line-height:var(--leading-relaxed);min-width:0;width:100%}.heading-input input::placeholder{color:var(--color-gray-400);font-weight:var(--font-normal)}.heading-form button{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:#fff;color:var(--color-primary-600);border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;min-height:48px;box-shadow:var(--shadow-md)}.heading-form button:hover:not(:disabled){background:var(--color-primary-50);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.heading-form button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-md)}.heading-form button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.heading-form button svg,.heading-spinner{width:18px;height:18px}.heading-spinner{border:2px solid rgba(79,70,229,.3);border-top:2px solid var(--color-primary-600);border-radius:50%;animation:spin .8s linear infinite}.heading-content{max-width:1000px;margin:0 auto;padding:var(--space-8) var(--space-6);position:relative;z-index:1}.heading-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);margin-bottom:var(--space-6);animation:fadeInUp .3s ease;border:1px solid}.heading-alert--error{background:var(--color-error-50);border-color:var(--color-error-200);color:var(--color-error-800)}.heading-alert svg{width:20px;height:20px;flex-shrink:0;margin-top:2px;color:var(--color-error-600)}.heading-alert strong{display:block;font-weight:var(--font-semibold);font-size:var(--text-sm);margin-bottom:var(--space-1)}.heading-alert p{font-size:var(--text-sm);margin:0 0 var(--space-3);line-height:var(--leading-relaxed);opacity:.95}.heading-alert__retry{padding:var(--space-2) var(--space-4);background:var(--color-error-600);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s ease}.heading-alert__retry:hover{background:var(--color-error-700);transform:translateY(-1px)}.heading-loading{text-align:center;padding:var(--space-20) var(--space-6);animation:fadeIn .3s ease}.heading-loading__spinner{width:40px;height:40px;margin:0 auto var(--space-4);border:3px solid var(--color-gray-200);border-top-color:var(--color-primary-600);border-radius:50%;animation:spin .8s linear infinite}.heading-loading p{color:var(--color-gray-500);font-size:var(--text-base);font-weight:var(--font-medium);margin:0;line-height:var(--leading-relaxed)}.heading-results{display:flex;flex-direction:column;gap:var(--space-6);animation:fadeInUp .4s ease}.heading-overview{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.heading-summary{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-gray-200)}.heading-summary__item{display:flex;flex-direction:column;gap:var(--space-1);text-align:center}.heading-summary__label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.heading-summary__value{font-size:28px;font-weight:var(--font-extrabold);color:var(--color-gray-900);line-height:1;letter-spacing:-.02em}.heading-summary__value--issues{color:var(--color-warning-500)}.heading-summary__value--score.good{color:var(--color-success-500)}.heading-summary__value--score.warning{color:var(--color-warning-500)}.heading-summary__value--score.error{color:var(--color-error-500)}.heading-overview__main{display:grid;grid-template-columns:140px 1fr;grid-gap:var(--space-6);gap:var(--space-6);align-items:start}.heading-overview__score{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.heading-overview__score p{margin:0;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-gray-100);line-height:1.4}.heading-overview__score p.good{color:var(--color-success-700);background:var(--color-success-100)}.heading-overview__score p.warning{color:var(--color-warning-700);background:var(--color-warning-100)}.heading-overview__score p.error{color:var(--color-error-600);background:var(--color-error-100)}.heading-score{position:relative;width:100px;height:100px;margin:0 auto}.heading-score svg{width:100%;height:100%;filter:drop-shadow(0 2px 8px rgba(0,0,0,.08))}.heading-score__value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.heading-score__value span{font-size:var(--text-3xl);font-weight:var(--font-extrabold);color:var(--color-gray-900);line-height:1;display:block;letter-spacing:-.02em}.heading-score__value small{font-size:var(--text-xs);color:var(--color-gray-500);font-weight:var(--font-medium);margin-top:2px;display:block;opacity:.7}.heading-overview__stats h3{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-gray-500);margin:0 0 var(--space-3);text-transform:uppercase;letter-spacing:.06em}.heading-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:var(--space-2);gap:var(--space-2);margin-bottom:var(--space-3)}.heading-stat{background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--space-2) var(--space-2);text-align:center;border:none;transition:all .2s ease;position:relative;border-left:2px solid var(--border-left-color,var(--color-gray-200))}.heading-stat:hover{background:var(--color-gray-100)}.heading-stat__label{display:flex;align-items:center;justify-content:center;gap:var(--space-1);font-size:11px;font-weight:var(--font-semibold);color:var(--color-gray-500);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.04em}.heading-stat__label span{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.heading-stat__value{font-size:var(--text-xl);font-weight:var(--font-extrabold);color:var(--color-gray-900);line-height:1;letter-spacing:-.02em}.heading-total{margin-top:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-gray-100);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-gray-500);font-weight:var(--font-medium);text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.heading-total strong{color:var(--color-gray-900);font-weight:var(--font-bold);font-size:var(--text-base);letter-spacing:-.01em}.heading-issues{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.heading-issues h3{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-gray-900);margin:0 0 var(--space-4);letter-spacing:-.01em}.heading-issues__list{display:flex;flex-direction:column;gap:var(--space-3)}.heading-issue{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);transition:all .2s ease;border:1px solid transparent}.heading-issue:hover{border-color:currentColor;opacity:.9}.heading-issue--error{background:var(--color-error-50);border-color:var(--color-error-200)}.heading-issue--warning{background:var(--color-warning-50);border-color:var(--color-warning-200)}.heading-issue--info{background:var(--color-success-50);border-color:var(--color-success-200)}.heading-issue svg{width:20px;height:20px;flex-shrink:0;margin-top:2px}.heading-issue--error svg{color:var(--color-error-600)}.heading-issue--warning svg{color:var(--color-warning-600)}.heading-issue--info svg{color:var(--color-success-600)}.heading-issue strong{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-900);margin-bottom:var(--space-1)}.heading-issue p{font-size:var(--text-sm);color:var(--color-gray-600);margin:0;line-height:var(--leading-relaxed)}.heading-hierarchy{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.heading-hierarchy__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.heading-hierarchy h3{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-gray-900);margin:0;letter-spacing:-.01em}.heading-hierarchy__count{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-gray-500);background:var(--color-gray-100);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.heading-tree{background:#fff;border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm)}.heading-tree__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);padding-left:var(--space-4);border-radius:var(--radius-lg);border:1px solid transparent;border-bottom:1px solid var(--color-gray-100);transition:all .2s ease;position:relative;background:#fff;margin-bottom:var(--space-1)}.heading-tree__item:hover{background:var(--color-gray-50);border-color:var(--color-gray-200);box-shadow:var(--shadow-sm);transform:translateX(2px)}.heading-tree__item--error{background:var(--color-error-50);border-left:4px solid var(--color-error-500);border-color:var(--color-error-200);border-bottom-color:var(--color-error-200)}.heading-tree__item--error:hover{background:var(--color-error-100);border-color:var(--color-error-300);box-shadow:0 2px 8px rgba(239,68,68,.15)}.heading-tree__item--warning{background:var(--color-warning-50);border-left:4px solid var(--color-warning-500);border-color:var(--color-warning-200);border-bottom-color:var(--color-warning-200)}.heading-tree__item--warning:hover{background:var(--color-warning-100);border-color:var(--color-warning-300);box-shadow:0 2px 8px rgba(245,158,11,.12)}.heading-tree__status-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;margin-right:calc(-1 * var(--space-1));z-index:2}.heading-tree__item--error .heading-tree__status-icon{color:var(--color-error-600)}.heading-tree__item--warning .heading-tree__status-icon{color:var(--color-warning-500)}.heading-tree__status-icon svg{width:100%;height:100%;stroke-width:2.5;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.heading-tree__item:last-child{border-bottom:none;margin-bottom:0}.heading-tree__indicator{position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:0;opacity:.8;transition:opacity .2s ease;z-index:1}.heading-tree__item:hover .heading-tree__indicator{opacity:1;width:4px}.heading-tree__tag{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-bold);color:#fff;flex-shrink:0;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm);transition:all .2s ease;min-width:40px;text-align:center}.heading-tree__item:hover .heading-tree__tag{box-shadow:var(--shadow-md);transform:scale(1.05)}.heading-tree__text{flex:1 1;color:var(--color-gray-900);line-height:1.6;font-weight:var(--font-medium);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:color .2s ease}.heading-tree__item:hover .heading-tree__text{color:var(--color-gray-800)}.heading-tree__item--error .heading-tree__text{color:var(--color-error-800);font-weight:var(--font-semibold)}.heading-tree__item--warning .heading-tree__text{color:var(--color-warning-800);font-weight:var(--font-semibold)}.heading-tree__meta{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;margin-left:auto}.heading-tree__id{font-size:11px;color:var(--color-gray-500);background:var(--color-gray-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-weight:var(--font-medium);border:1px solid var(--color-gray-200);transition:all .2s ease}.heading-tree__item:hover .heading-tree__id{background:var(--color-gray-200);border-color:var(--color-gray-300)}.heading-tree__chars,.heading-tree__words{font-size:var(--text-xs);color:var(--color-gray-500);font-weight:var(--font-medium);background:var(--color-gray-50);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-gray-200);white-space:nowrap;transition:all .2s ease}.heading-tree__item:hover .heading-tree__chars,.heading-tree__item:hover .heading-tree__words{background:#fff;border-color:var(--color-gray-300);color:var(--color-gray-600)}.heading-tree__empty{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-12) var(--space-8);color:var(--color-gray-500);justify-content:center;text-align:center;flex-direction:column;background:var(--color-gray-50);border-radius:var(--radius-lg);border:2px dashed var(--color-gray-200)}.heading-tree__empty svg{width:40px;height:40px;color:var(--color-warning-500);margin:0 auto;opacity:.8}.heading-tree__empty strong{display:block;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-gray-900);margin-bottom:var(--space-2);margin-top:var(--space-2)}.heading-tree__empty p{line-height:1.6;max-width:400px;margin:0 auto}.heading-tree__empty p,.heading-url-info{font-size:var(--text-sm);color:var(--color-gray-500)}.heading-url-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg)}.heading-url-info svg{width:18px;height:18px;flex-shrink:0;color:var(--color-gray-400)}.heading-url-info span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-medium);color:var(--color-gray-900)}.heading-url-info__actions{display:flex;align-items:center;gap:var(--space-2)}.heading-url-info__copy{background:transparent;border:1px solid var(--color-gray-200);color:var(--color-gray-500);padding:var(--space-1);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.heading-url-info__copy:hover{color:var(--color-primary-600);border-color:var(--color-primary-200);background:var(--color-primary-50)}.heading-url-info__copy svg{width:16px;height:16px}.heading-url-info a{color:var(--color-primary-600);padding:var(--space-1);border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center}.heading-url-info a:hover{color:var(--color-primary-700);background:var(--color-primary-50)}.heading-url-info a svg{width:16px;height:16px}.heading-empty{padding:0}.heading-demo{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-8);gap:var(--space-8);align-items:center;background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-sm);margin-bottom:var(--space-12)}.heading-demo-preview{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--color-gray-200)}.heading-demo-structure{display:flex;flex-direction:column;gap:var(--space-2)}.heading-demo-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#fff;border-radius:var(--radius-sm)}.heading-demo-item.h1{padding-left:var(--space-3)}.heading-demo-item.h2{padding-left:var(--space-9)}.heading-demo-item.h3{padding-left:60px}.heading-demo-item .tag{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:11px;font-weight:var(--font-bold);color:#fff;flex-shrink:0}.heading-demo-item.h1 .tag{background:var(--color-secondary-600)}.heading-demo-item.h2 .tag{background:var(--color-primary-500)}.heading-demo-item.h3 .tag{background:var(--color-success-500)}.heading-demo-item .text{font-size:var(--text-sm);color:var(--color-gray-600);line-height:var(--leading-relaxed)}.heading-demo-info{text-align:left}.heading-demo-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-primary-600);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.heading-demo-badge svg{width:16px;height:16px}.heading-demo-info h2{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--color-gray-900);margin:0 0 var(--space-3);letter-spacing:-.02em;line-height:var(--leading-tight)}.heading-demo-info>p{font-size:var(--text-sm);color:var(--color-gray-500);line-height:var(--leading-relaxed);margin:0 0 var(--space-5)}.heading-demo-features{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-3);gap:var(--space-3)}.heading-demo-feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-gray-700);line-height:var(--leading-relaxed)}.heading-demo-feature svg{width:18px;height:18px;color:var(--color-success-500);flex-shrink:0}.heading-about,.heading-faq,.heading-howto{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-10);margin-bottom:var(--space-8);box-shadow:var(--shadow-sm)}.heading-about h2,.heading-faq h2,.heading-howto h2{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--color-gray-900);text-align:center;margin:0 0 var(--space-8);letter-spacing:-.02em;line-height:var(--leading-tight)}.heading-howto-steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-6);gap:var(--space-6)}.heading-howto-step{text-align:center;padding:var(--space-8) var(--space-6);background:var(--color-gray-50);border-radius:var(--radius-xl);border:1px solid var(--color-gray-200)}.heading-howto-num{width:48px;height:48px;margin:0 auto var(--space-5);background:var(--color-primary-600);color:#fff;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--font-extrabold)}.heading-howto-step h3{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-gray-900);margin:0 0 var(--space-3);letter-spacing:-.01em}.heading-howto-step p{font-size:var(--text-sm);color:var(--color-gray-500);line-height:var(--leading-relaxed);margin:0}.heading-about{background:var(--color-gray-50)}.heading-about h2{text-align:left}.heading-about-content>p{font-size:var(--text-base);color:var(--color-gray-500);line-height:1.6;margin:0 0 var(--space-5)}.heading-about-content h3{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin:var(--space-8) 0 var(--space-5);letter-spacing:-.01em}.heading-tips{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4);margin-top:var(--space-6)}.heading-tip{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.heading-tip strong{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary-600);margin-bottom:var(--space-1)}.heading-tip span{font-size:var(--text-sm);color:var(--color-gray-500);line-height:var(--leading-relaxed)}.heading-faq-list{display:flex;flex-direction:column}.heading-faq-item{padding:var(--space-6) 0;border-bottom:1px solid var(--color-gray-200)}.heading-faq-item:first-child{padding-top:0}.heading-faq-item:last-child{padding-bottom:0;border-bottom:none}.heading-faq-item h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-gray-900);margin:0 0 var(--space-2);line-height:1.4}.heading-faq-item p{font-size:var(--text-sm);color:var(--color-gray-500);line-height:1.6;margin:0}.heading-cta{max-width:1000px;margin:var(--space-12) auto;padding:var(--space-10) var(--space-12);display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-700) 100%);border-radius:var(--radius-2xl);position:relative;overflow:hidden}.heading-cta:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,hsla(0,0%,100%,.15) 0,transparent 70%);pointer-events:none}.heading-cta>div{flex:1 1;position:relative;z-index:1}.heading-cta h3{font-size:var(--text-xl);font-weight:var(--font-bold);color:#fff;margin:0 0 var(--space-2);line-height:var(--leading-tight)}.heading-cta p{font-size:var(--text-base);color:hsla(0,0%,100%,.9);margin:0;line-height:var(--leading-relaxed)}.heading-cta__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-7);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-primary-600);background:#fff;border-radius:var(--radius-lg);text-decoration:none;white-space:nowrap;transition:all .2s ease;box-shadow:var(--shadow-md);position:relative;z-index:1}.heading-cta__btn:hover{background:var(--color-primary-50);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.heading-cta__btn svg{width:18px;height:18px;transition:transform .2s ease}.heading-cta__btn:hover svg{transform:translateX(4px)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.heading-hero{padding:var(--space-8) var(--space-5) var(--space-6)}.heading-hero h1{font-size:var(--text-2xl);margin-bottom:var(--space-1)}.heading-hero>p{font-size:var(--text-sm);margin-bottom:var(--space-5)}.heading-content{padding:var(--space-6) var(--space-4)}.heading-form{flex-direction:column;gap:var(--space-2)}.heading-form button{width:100%;justify-content:center}.heading-overview{padding:var(--space-5)}.heading-summary{gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-4)}.heading-summary__value{font-size:var(--text-2xl)}.heading-overview__main{grid-template-columns:1fr;gap:var(--space-5)}.heading-overview__score{order:1}.heading-overview__stats{order:0}.heading-score{width:80px;height:80px}.heading-score__value span{font-size:28px}.heading-stats-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-1)}.heading-hierarchy,.heading-issues{padding:var(--space-5)}.heading-demo{grid-template-columns:1fr;gap:var(--space-6);padding:var(--space-6)}.heading-demo-preview{order:1}.heading-demo-info{order:0;text-align:center}.heading-demo-badge{margin-left:auto;margin-right:auto}.heading-demo-features{grid-template-columns:1fr;gap:var(--space-2);max-width:300px;margin:0 auto}.heading-about,.heading-faq,.heading-howto{padding:var(--space-6);margin-bottom:var(--space-6)}.heading-about h2,.heading-faq h2,.heading-howto h2{font-size:var(--text-xl);margin-bottom:var(--space-6)}.heading-howto-steps{grid-template-columns:1fr;gap:var(--space-4)}.heading-howto-step{padding:var(--space-6) var(--space-5)}.heading-tips{grid-template-columns:1fr;gap:var(--space-3)}.heading-cta{flex-direction:column;text-align:center;padding:var(--space-8) var(--space-6);gap:var(--space-5)}.heading-cta h3{font-size:var(--text-xl)}.heading-cta p{font-size:var(--text-sm)}.heading-cta__btn{width:100%;justify-content:center}}@media (max-width:480px){.heading-hero{padding:var(--space-6) var(--space-4) var(--space-5)}.heading-hero h1{font-size:var(--text-xl)}.heading-hero>p{font-size:var(--text-sm)}.heading-content{padding:var(--space-5) var(--space-3)}.heading-input{padding:var(--space-2) var(--space-3)}.heading-form button,.heading-input input{font-size:var(--text-base)}.heading-form button{padding:var(--space-2) var(--space-5);min-height:44px}.heading-overview{padding:var(--space-4)}.heading-summary{gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-3)}.heading-summary__label{font-size:10px}.heading-summary__value{font-size:var(--text-xl)}.heading-overview__main{gap:var(--space-4)}.heading-score{width:70px;height:70px}.heading-score__value span{font-size:var(--text-2xl)}.heading-stats-grid{gap:var(--space-1)}.heading-stat{padding:var(--space-2) var(--space-1)}.heading-stat__label{font-size:10px}.heading-stat__value{font-size:var(--text-lg)}.heading-hierarchy,.heading-issues{padding:var(--space-4)}.heading-issue{padding:var(--space-3);gap:var(--space-2)}.heading-issue svg{width:18px;height:18px}.heading-tree{padding:var(--space-4)}.heading-tree__item{padding:var(--space-3) var(--space-3);gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-1)}.heading-tree__status-icon{width:18px;height:18px}.heading-tree__tag{font-size:11px;padding:var(--space-1) var(--space-2);min-width:36px}.heading-tree__text{font-size:var(--text-sm);flex:1 1 100%;order:3;white-space:normal;line-height:var(--leading-relaxed);margin-top:var(--space-1)}.heading-tree__meta{order:2;flex-wrap:wrap;gap:var(--space-1);width:100%;margin-top:var(--space-1)}.heading-tree__chars,.heading-tree__id,.heading-tree__words{font-size:11px;padding:var(--space-1) var(--space-2)}.heading-tree__indicator{width:3px}.heading-demo{padding:var(--space-5);gap:var(--space-5)}.heading-demo-info h2{font-size:var(--text-xl)}.heading-demo-info>p{font-size:var(--text-sm)}.heading-about,.heading-faq,.heading-howto{padding:var(--space-5);margin-bottom:var(--space-5)}.heading-about h2,.heading-faq h2,.heading-howto h2{font-size:var(--text-lg);margin-bottom:var(--space-5)}.heading-howto-step{padding:var(--space-5) var(--space-4)}.heading-howto-num{width:40px;height:40px;font-size:var(--text-lg);margin-bottom:var(--space-4)}.heading-howto-step h3{font-size:var(--text-base)}.heading-howto-step p{font-size:var(--text-sm)}.heading-about-content h3{font-size:var(--text-lg);margin:var(--space-6) 0 var(--space-4)}.heading-about-content>p{font-size:var(--text-sm)}.heading-tip{padding:var(--space-3) var(--space-4)}.heading-tip span,.heading-tip strong{font-size:var(--text-sm)}.heading-faq-item{padding:var(--space-5) 0}.heading-faq-item h3{font-size:var(--text-base)}.heading-faq-item p{font-size:var(--text-sm)}.heading-cta{padding:var(--space-6) var(--space-5);gap:var(--space-4)}.heading-cta h3{font-size:var(--text-lg)}.heading-cta p,.heading-cta__btn{font-size:var(--text-sm)}.heading-cta__btn{width:100%;padding:var(--space-3) var(--space-6)}}