:root{--primary-color: #0066cc;--primary-hover: #004499;--bg-color: #f0f4f8;--card-bg: #ffffff;--text-dark: #1a1a1a;--text-muted: #4d4d4d;--border-color: #d1d9e0;--success-color: #1e7e34;--error-bg: #f8d7da;--error-text: #721c24;--success-bg: #d4edda;--success-text: #155724;--panel-bg: #fdfdfd}*{box-sizing:border-box}body{font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;background:linear-gradient(135deg,#f0f4f8,#fff);min-height:100vh;color:var(--text-dark)}.container{max-width:1400px;margin:0 auto;padding:40px 20px;position:relative}.github-topbar-link{position:absolute;top:40px;right:20px;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;transition:all .2s ease-in-out;background-color:transparent;z-index:10}.github-topbar-link:hover{color:var(--text-dark);background-color:#0000000d;transform:scale(1.1)}@media(max-width:768px){.github-topbar-link{top:20px;right:15px}}.header{text-align:center;margin-bottom:50px}.header h1{color:var(--text-dark);margin:0;font-size:3em;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;justify-content:center;gap:15px}.logo{width:64px;height:auto;display:inline-block}@media(max-width:480px){.logo{width:48px}}.header p{color:var(--text-muted);font-size:1.3em;margin:10px 0;font-weight:500}.panels-container{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:30px}.panel{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:16px;padding:25px;min-height:200px;box-shadow:0 4px 15px #00000008;transition:transform .2s,box-shadow .2s}.panel:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000000f}.panel h3{margin:0 0 20px;color:var(--primary-color);font-size:1.3em;text-align:center;border-bottom:1px solid var(--border-color);padding-bottom:15px;font-weight:700}.calc-button{display:block;width:100%;margin:10px 0;padding:12px;background-color:#fff;border:1px solid var(--border-color);border-radius:10px;cursor:pointer;font-size:1em;font-weight:500;color:var(--text-dark);transition:all .2s;text-align:left}.calc-button:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translate(5px)}.calc-button:active{transform:scale(.98)}.status-bar{background-color:#fff;padding:15px 25px;border-radius:12px;margin-top:30px;font-size:1em;border:1px solid var(--border-color);box-shadow:0 4px 10px #00000005;font-weight:500}.modal-overlay{display:flex;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center;padding:20px}.modal-content{background-color:#fff;padding:40px;border-radius:24px;width:100%;max-width:650px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;position:relative}.modal-content.graph-modal{max-width:1000px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:1px solid var(--border-color);padding-bottom:20px}.modal-title{font-size:1.8em;font-weight:800;color:var(--text-dark);letter-spacing:-.01em}.close{font-size:32px;font-weight:300;cursor:pointer;color:var(--text-muted);background:#f5f5f5;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.close:hover{background:var(--error-bg);color:var(--error-text);transform:rotate(90deg)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:700;font-size:.95rem;color:var(--text-dark)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px;border:1px solid var(--border-color);border-radius:12px;box-sizing:border-box;font-size:1rem;background-color:#f9fafb;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 4px #007bff1a}.button-group{display:flex;gap:15px;margin-top:30px}.btn{padding:14px 28px;border:none;border-radius:12px;cursor:pointer;font-size:1em;font-weight:700;transition:all .2s}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 15px #007bff4d}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 20px #007bff66}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed;box-shadow:none}.btn-secondary{background-color:#f3f4f6;color:var(--text-dark)}.btn-secondary:hover{background-color:#e5e7eb}.btn-graph{background-color:var(--success-color);color:#fff;box-shadow:0 4px 15px #28a7454d}.btn-graph:hover{background-color:#218838;transform:translateY(-2px);box-shadow:0 8px 20px #28a74566}.result{background-color:#f8fafc;padding:25px;border-radius:16px;margin-top:30px;border:1px solid var(--primary-color);border-left-width:6px;white-space:pre-line;font-size:1.05em;line-height:1.6}.result strong{color:var(--primary-color);font-size:1.2em}.error{background-color:var(--error-bg);color:var(--error-text);padding:15px 20px;border-radius:12px;margin-top:20px;font-weight:600;border-left:5px solid var(--error-text)}.success{background-color:var(--success-bg);color:var(--success-text);padding:15px 20px;border-radius:12px;margin-top:20px;font-weight:600;border-left:5px solid var(--success-text)}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}.graph-container{width:100%;height:400px;margin-top:25px}.loading{display:flex;justify-content:center;align-items:center;padding:40px}.loading:after{content:"";width:35px;height:35px;border:4px solid #f3f3f3;border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s cubic-bezier(.76,.35,.2,.58) infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1200px){.panels-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.panels-container{grid-template-columns:1fr}.container{padding:30px 15px}.header h1{font-size:2.2em}.modal-content{padding:25px 20px;border-radius:20px}.modal-title{font-size:1.4em}.two-column{grid-template-columns:1fr}}:root{--primary-color: #007bff;--primary-hover: #0056b3;--primary-light: #e8f2ff;--bg-color: #f0f4f8;--card-bg: #ffffff;--text-dark: #333333;--text-muted: #4d4d4d;--border-color: #e0e0e0;--success-color: #28a745;--ease-out: cubic-bezier(.32, .72, 0, 1);--shadow-low: 0 4px 15px rgba(0, 0, 0, .03);--shadow-lift: 0 10px 25px rgba(0, 0, 0, .06);--radius-sm: 4px;--radius-md: 10px;--radius-lg: 16px;--grid-line: rgba(0, 0, 0, .06)}.landing-container{min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-dark);background-color:var(--bg-color);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:24px 24px;line-height:1.5;overflow-x:hidden}.hero-headline,.section-title,.contact-title,.feature-title,.step-title,.beta-disclaimer-title,.catalog-name{font-family:Outfit,Inter,system-ui,sans-serif;letter-spacing:-.02em;text-wrap:balance}.landing-header{position:sticky;top:0;z-index:100;background:#fffffff5;border-bottom:1px solid var(--border-color);padding:.85rem 0}.header-content{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;gap:1.5rem}.header-logo{display:flex;align-items:center;gap:.65rem;font-size:1.25rem;font-weight:800;color:var(--text-dark);text-decoration:none}.header-logo img{width:36px;height:auto}.header-nav{display:flex;gap:1.5rem;margin-left:auto}.nav-link{color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s var(--ease-out)}.nav-link:hover,.nav-link:focus-visible{color:var(--primary-color)}.header-actions{display:flex;gap:.65rem}.header-explore,.header-cta,.cta-primary,.cta-secondary,.contact-button,.footer-btn{font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;border-radius:var(--radius-md);transition:background-color .2s var(--ease-out),border-color .2s var(--ease-out),box-shadow .2s var(--ease-out),transform .15s var(--ease-out)}.header-explore,.cta-secondary{background:transparent;color:var(--primary-color);border:1px solid var(--primary-color);padding:.65rem 1.15rem}.header-explore:hover,.cta-secondary:hover,.header-explore:focus-visible,.cta-secondary:focus-visible{background:var(--primary-light)}.header-cta,.cta-primary,.contact-button,.footer-cta{background:var(--primary-color);color:#fff;border:1px solid var(--primary-color);padding:.65rem 1.35rem;box-shadow:var(--shadow-low)}.header-cta:hover,.cta-primary:hover,.contact-button:hover,.footer-cta:hover,.header-cta:focus-visible,.cta-primary:focus-visible,.contact-button:focus-visible,.footer-cta:focus-visible{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:var(--shadow-lift)}.hero-section{padding:3.5rem 1.5rem 2.5rem;border-bottom:1px solid var(--border-color);background:linear-gradient(180deg,#fff 0%,var(--bg-color) 100%)}.hero-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.05fr;gap:2.5rem;align-items:center}.hero-headline{font-size:clamp(2rem,4.5vw,3rem);font-weight:800;line-height:1.1;margin:0 0 1rem;color:var(--text-dark)}.hero-headline .mobile-break{display:none}.hero-subheadline{font-size:1.1rem;color:var(--text-muted);max-width:38ch;margin:0 0 1.75rem;text-wrap:pretty}.hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem}.cta-primary,.cta-secondary{padding:.85rem 1.5rem;font-size:1rem}.specimen-frame{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-low);transition:box-shadow .25s var(--ease-out),transform .25s var(--ease-out)}.specimen-frame:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.specimen-chrome{display:flex;gap:.4rem;padding:.65rem .85rem;border-bottom:1px solid var(--border-color);background:var(--bg-color)}.specimen-chrome span{width:8px;height:8px;border-radius:50%;background:var(--border-color)}.specimen-viewport img{display:block;width:100%;height:auto}.trust-strip{border-bottom:1px solid var(--border-color);background:#fff}.trust-strip-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr)}.trust-cell{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem 1.25rem;border-right:1px solid var(--border-color)}.trust-cell:last-child{border-right:none}.trust-icon{color:var(--primary-color);display:flex}.trust-label{font-size:.9rem;font-weight:600;color:var(--text-muted)}.trust-cell a.trust-label{color:var(--primary-color);text-decoration:none}.trust-cell a.trust-label:hover{text-decoration:underline}.features-section,.how-it-works-section,.testimonials-section,.calculators-section,.faq-section,.contact-section{padding:4.5rem 1.5rem}.section-title{max-width:1200px;margin:0 auto 2.5rem;font-size:clamp(1.6rem,3vw,2.25rem);font-weight:800;line-height:1.15;color:var(--text-dark)}.features-section{background:#fff;border-bottom:1px solid var(--border-color)}.features-grid{max-width:1200px;margin:0 auto;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;background:#fff}.feature-row{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;padding:1.35rem 1.5rem;border-bottom:1px solid var(--border-color);transition:background-color .2s var(--ease-out)}.feature-row:last-child{border-bottom:none}.feature-row:hover{background:var(--bg-color)}.feature-icon{color:var(--primary-color);display:flex;align-items:flex-start;padding-top:.15rem}.feature-title{font-size:1.15rem;font-weight:700;margin:0 0 .35rem}.feature-description{margin:0;color:var(--text-muted);max-width:65ch;text-wrap:pretty}.how-it-works-section{background:var(--bg-color);border-bottom:1px solid var(--border-color)}.steps-track{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.step-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.35rem;transition:box-shadow .2s var(--ease-out),transform .2s var(--ease-out)}.step-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.step-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.step-icon{color:var(--primary-color);display:flex}.step-index{font-family:ui-monospace,SF Mono,monospace;font-size:.8rem;font-weight:600;color:var(--text-muted);letter-spacing:.08em}.step-title{font-size:1.05rem;font-weight:700;margin:0 0 .5rem}.step-description{margin:0;color:var(--text-muted);font-size:.95rem;text-wrap:pretty}.calculators-section{background:#fff;border-bottom:1px solid var(--border-color)}.calculators-catalog{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.catalog-row{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;background:#fff;transition:box-shadow .2s var(--ease-out)}.catalog-row:hover{box-shadow:var(--shadow-low)}.catalog-head{display:flex;gap:.85rem;align-items:flex-start;margin-bottom:.85rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.catalog-icon{color:var(--primary-color);display:flex}.catalog-name{font-size:1.05rem;font-weight:700;margin:0 0 .2rem}.catalog-count{font-size:.8rem;font-weight:600;color:var(--text-muted);font-family:ui-monospace,SF Mono,monospace}.catalog-tools{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.catalog-tools li{font-size:.9rem;color:var(--text-muted);padding-left:1rem;position:relative}.catalog-tools li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--primary-color)}.catalog-cta-wrap{max-width:1200px;margin:2rem auto 0;text-align:center}.faq-section{background:var(--bg-color);border-bottom:1px solid var(--border-color)}.faq-inner{max-width:800px;margin:0 auto}.faq-title{margin-bottom:1.75rem;max-width:none}.faq-list{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;background:#fff}.faq-item{border-bottom:1px solid #d1d9e0}.faq-item:last-child{border-bottom:none}.faq-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.35rem 1.5rem;min-height:3.5rem;cursor:pointer;font-weight:600;font-size:1.05rem;line-height:1.4;color:var(--text-dark);transition:background-color .2s var(--ease-out)}.faq-question{flex:1;min-width:0}.faq-summary::-webkit-details-marker{display:none}.faq-summary:hover,.faq-item[open] .faq-summary{background:var(--bg-color)}.faq-chevron{flex-shrink:0;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;border:1px solid #c5cdd6;border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;line-height:1;color:var(--text-muted);transition:transform .2s var(--ease-out),border-color .2s var(--ease-out)}.faq-item[open] .faq-chevron{transform:rotate(45deg);border-color:var(--primary-color);color:var(--primary-color)}.faq-answer-wrap{padding:0 1.5rem}.faq-item[open] .faq-answer-wrap{padding:1rem 1.5rem 1.75rem;border-top:1px solid #d1d9e0}.faq-answer{margin:0;color:var(--text-muted);font-size:1rem;line-height:1.65;text-wrap:pretty;max-width:65ch}.faq-references{margin:1rem 0 0;font-size:.9rem;line-height:1.5;color:var(--text-muted)}.faq-references a{color:var(--primary-color)}.contact-section{background:#fff}.contact-panel{max-width:640px;margin:0 auto;text-align:center;padding:2.5rem 2rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-low)}.contact-title{font-size:1.75rem;font-weight:800;margin:0 0 .75rem}.contact-description{color:var(--text-muted);margin:0 0 1.5rem;text-wrap:pretty}.contact-actions{margin-bottom:1rem}.contact-button{display:inline-block;text-decoration:none;padding:.85rem 1.75rem}.contact-email{margin:0;font-size:.9rem;color:var(--text-muted)}.contact-email a{color:var(--primary-color);font-weight:600;text-decoration:none}.contact-email a:hover{text-decoration:underline}.beta-disclaimer-section{max-width:1200px;margin:2rem auto 0}.beta-disclaimer-content{display:flex;gap:1rem;padding:1.15rem 1.25rem;border:1px solid #f0c987;border-radius:var(--radius-lg);background:#fffaf2}.beta-disclaimer-icon{color:#c47d00;flex-shrink:0}.beta-disclaimer-title{font-size:1rem;margin:0 0 .35rem}.beta-disclaimer-message{margin:0;font-size:.9rem;color:var(--text-muted)}.testimonials-section{background:#fff}.testimonials-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.testimonial-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;background:#fff}.testimonial-text{font-style:italic;color:var(--text-muted);margin:0 0 1rem}.testimonial-author{font-weight:700}.testimonial-role{font-size:.85rem;color:var(--text-muted)}.landing-footer{border-top:1px solid var(--border-color);background:#fff;padding:1.5rem}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:flex-start;gap:1.5rem 2rem}.footer-logo{display:flex;align-items:center;gap:.6rem;font-size:1.15rem;font-weight:800}.footer-logo img{width:32px}.footer-credits,.footer-last-updated,.footer-copyright{font-size:.8rem;color:var(--text-muted)}.footer-nav{display:flex;flex-wrap:wrap;gap:1.25rem}.footer-nav a{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500}.footer-nav a:hover{color:var(--primary-color)}.footer-actions{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.footer-btn{padding:.65rem 1.25rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.specimen-frame:hover,.step-card:hover,.catalog-row:hover{transform:none}}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:2rem}.hero-copy{text-align:center}.hero-subheadline{margin-left:auto;margin-right:auto}.hero-ctas{justify-content:center}.steps-track,.calculators-catalog,.testimonials-grid{grid-template-columns:1fr}}@media(max-width:768px){.header-nav{display:none}.header-content{padding:0 1rem}.header-explore{display:none}.hero-section{padding:2.5rem 1rem 2rem}.hero-headline .mobile-break{display:inline}.trust-strip-inner{grid-template-columns:1fr}.trust-cell{border-right:none;border-bottom:1px solid var(--border-color);justify-content:flex-start;padding-left:1.5rem}.trust-cell:last-child{border-bottom:none}.features-section,.how-it-works-section,.calculators-section,.faq-section,.contact-section{padding:3.5rem 1rem}.feature-row{grid-template-columns:1fr;gap:.65rem}.footer-content{flex-direction:column;align-items:center;text-align:center}.footer-actions{margin-left:0;align-items:center}}@media(max-width:480px){.hero-ctas{flex-direction:column;width:100%}.cta-primary,.cta-secondary{width:100%}}