*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100vw;height:100vh;height:100dvh;overflow:hidden}#generated-site{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;z-index:1}#overlay-ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.info-button{position:absolute;bottom:24px;right:24px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#00000080;color:#fff;font-family:Georgia,serif;font-size:18px;font-style:italic;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.info-button:hover,.info-button:focus-visible{background:#000000b3;outline:none}.info-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;pointer-events:auto;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;z-index:100}.info-modal-backdrop.visible{opacity:1;visibility:visible}.info-modal{background:#1a1a1a;color:#e0e0e0;max-width:420px;width:90%;padding:32px;border-radius:8px;position:relative;transform:translateY(12px);transition:transform .25s ease;font-family:system-ui,sans-serif;line-height:1.6}.info-modal-backdrop.visible .info-modal{transform:translateY(0)}.info-modal-close{position:absolute;top:12px;right:12px;background:none;border:none;color:#999;font-size:20px;cursor:pointer;pointer-events:auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.info-modal-close:hover{color:#fff}.info-modal h2{margin:0 0 16px;font-size:18px;font-weight:600}.info-modal p{margin:0 0 12px;font-size:14px;color:#bbb}.info-modal p:last-of-type{margin-bottom:16px}.info-modal-howto{color:#999;font-size:13px}.info-modal-source{display:inline-block;font-size:13px;color:#7ab;text-decoration:none;transition:color .15s ease}.info-modal-source:hover{color:#adf}.share-button{position:absolute;bottom:80px;right:24px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#00000080;color:#fff;font-size:18px;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.share-button:hover,.share-button:focus-visible{background:#000000b3;outline:none}.refresh-button{position:absolute;bottom:136px;right:24px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#00000080;color:#fff;font-size:18px;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.refresh-button:hover,.refresh-button:focus-visible{background:#000000b3;outline:none}.toast{position:absolute;bottom:160px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:10px 20px;border-radius:20px;font-size:14px;font-family:system-ui,sans-serif;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;white-space:nowrap}.toast--visible{opacity:1;visibility:visible}.toast--error{background:#b42828d9}#generated-site{font-family:var(--font-family, sans-serif);font-size:var(--base-font-size, 16px);line-height:var(--line-height, 1.5);color:var(--color-text, #222);background:var(--page-background, var(--color-background, #fff));background-size:80px 80px;min-height:100%}#generated-site.dark-background{color:#e0e0e0}#generated-site.dark-background .site-header{background:#0006;border-bottom-color:#ffffff1a}#generated-site.dark-background .site-logo{color:#e0e0e0}#generated-site.dark-background .site-nav a{color:#8cb4ff}#generated-site.dark-background .hero-tagline{color:#e0e0e0}#generated-site.dark-background .hero-summary{color:#b0b0b0}#generated-site.dark-background .site-footer{background:#0006;border-top-color:#ffffff1a;color:#999}#generated-site.dark-background .feature-card,#generated-site.dark-background .testimonial-card,#generated-site.dark-background .pricing-tier,#generated-site.dark-background .download-content{background:#0000004d;border-color:#ffffff1a;color:#d0d0d0}#generated-site.dark-background .feature-card h3,#generated-site.dark-background .pricing-tier h3,#generated-site.dark-background .download-version,#generated-site.dark-background .download-content h3,#generated-site.dark-background .news-item h3{color:#e0e0e0}#generated-site.dark-background .feature-card p,#generated-site.dark-background .news-item p,#generated-site.dark-background .news-item time,#generated-site.dark-background .testimonial-card cite,#generated-site.dark-background .pricing-tier li,#generated-site.dark-background .system-requirements{color:#999}#generated-site.dark-background .roster-table th{background:#0000004d;color:#b0b0ff}#generated-site.dark-background .roster-table td{color:#d0d0d0}#generated-site.dark-background .roster-table th,#generated-site.dark-background .roster-table td,#generated-site.dark-background .news-item,#generated-site.dark-background .pricing-tier li{border-color:#ffffff14}.generated-page{display:flex;flex-direction:column;min-height:100vh}.site-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-small, 8px);padding:var(--spacing-medium, 16px) var(--spacing-large, 32px);background:var(--color-surface, #f5f5f5);border-bottom:var(--border-width, 1px) var(--border-style, solid) var(--border-color, #ccc)}.site-logo{font-family:var(--heading-font, sans-serif);font-weight:var(--heading-weight, 700);font-size:1.5em;color:var(--color-primary, #333)}.site-nav{display:flex;gap:var(--spacing-small, 8px);flex-wrap:wrap}.site-nav a{color:var(--color-primary, #336699);text-decoration:none;padding:var(--spacing-unit, 4px) var(--spacing-small, 8px);border-radius:var(--border-radius, 0)}.site-nav a:hover{text-decoration:underline}.site-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-large, 32px);gap:var(--spacing-medium, 16px)}.hero-tagline{font-family:var(--heading-font, sans-serif);font-weight:var(--heading-weight, 700);font-size:2em;color:var(--color-primary, #333);margin:0}.hero-summary{max-width:600px;color:var(--color-muted, #666);margin:0}.hero-cta{display:inline-block;padding:var(--spacing-small, 8px) var(--spacing-medium, 16px);background:var(--color-primary, #336699);color:var(--color-background, #fff);text-decoration:none;border-radius:var(--border-radius, 4px);font-weight:600}.site-footer{padding:var(--spacing-medium, 16px) var(--spacing-large, 32px);background:var(--color-surface, #f5f5f5);border-top:var(--border-width, 1px) var(--border-style, solid) var(--border-color, #ccc);text-align:center;font-size:.85em;color:var(--color-muted, #666)}.site-footer p{margin:var(--spacing-unit, 4px) 0}.footer-status{font-style:italic}.footer-legal{display:flex;gap:var(--spacing-small, 8px);justify-content:center;margin-top:var(--spacing-small, 8px)}.footer-legal a{color:var(--color-muted, #666);text-decoration:underline}.site-body{padding:var(--spacing-medium, 16px) var(--spacing-large, 32px);display:flex;flex-direction:column;gap:var(--spacing-section-gap, 48px)}.site-body h2{font-family:var(--heading-font, sans-serif);font-weight:var(--heading-weight, 700);font-size:1.5em;color:var(--color-primary, #333);margin:0 0 var(--spacing-medium, 16px) 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-medium, 16px)}.feature-card{padding:var(--spacing-medium, 16px);background:var(--color-surface, #f5f5f5);border-radius:var(--border-radius, 4px);border:var(--border-width, 1px) var(--border-style, solid) var(--border-color, #ccc)}.feature-icon{font-size:1.5em;color:var(--color-accent, #ff6600);margin-bottom:var(--spacing-small, 8px)}.feature-card h3{margin:0 0 var(--spacing-small, 8px) 0;color:var(--color-text, #222)}.feature-card p{margin:0;color:var(--color-muted, #666);font-size:.9em}.news-list{list-style:none;padding:0;margin:0}.news-item{padding:var(--spacing-small, 8px) 0;border-bottom:var(--border-width, 1px) var(--border-style, solid) var(--border-color, #ccc)}.news-item time{font-size:.8em;color:var(--color-muted, #666)}.news-item h3{margin:var(--spacing-unit, 4px) 0;color:var(--color-primary, #333)}.news-item p{margin:0;color:var(--color-muted, #666);font-size:.9em}.download-content{text-align:center;padding:var(--spacing-medium, 16px);background:var(--color-surface, #f5f5f5);border-radius:var(--border-radius, 4px)}.download-version{font-size:1.1em;color:var(--color-text, #222);margin:0 0 var(--spacing-medium, 16px) 0}.download-button{display:inline-block;padding:var(--spacing-small, 8px) var(--spacing-large, 32px);background:var(--color-primary, #336699);color:var(--color-background, #fff);text-decoration:none;border-radius:var(--border-radius, 4px);font-weight:600;margin-bottom:var(--spacing-medium, 16px)}.download-content h3{margin:var(--spacing-medium, 16px) 0 var(--spacing-small, 8px) 0;color:var(--color-text, #222)}.system-requirements{list-style:disc;text-align:left;display:inline-block;color:var(--color-muted, #666);font-size:.9em}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-medium, 16px)}.testimonial-card{padding:var(--spacing-medium, 16px);background:var(--color-surface, #f5f5f5);border-radius:var(--border-radius, 4px);border-left:3px solid var(--color-accent, #ff6600);margin:0}.testimonial-quote{margin:0 0 var(--spacing-small, 8px) 0;color:var(--color-text, #222);font-style:italic}.testimonial-card cite{color:var(--color-muted, #666);font-size:.85em}.roster-table{width:100%;border-collapse:collapse}.roster-table th,.roster-table td{padding:var(--spacing-small, 8px);text-align:left;border-bottom:var(--border-width, 1px) var(--border-style, solid) var(--border-color, #ccc)}.roster-table th{background:var(--color-surface, #f5f5f5);color:var(--color-primary, #333);font-weight:var(--heading-weight, 700)}.roster-table td{color:var(--color-text, #222)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-medium, 16px)}.pricing-tier{padding:var(--spacing-medium, 16px);background:var(--color-surface, #f5f5f5);border-radius:var(--border-radius, 4px);border:var(--border-width, 1px) var(--border-style, solid) var(--border-color, #ccc);text-align:center}.pricing-tier h3{margin:0 0 var(--spacing-small, 8px) 0;color:var(--color-primary, #333)}.pricing-price{font-size:1.5em;font-weight:700;color:var(--color-text, #222);margin-bottom:var(--spacing-medium, 16px)}.pricing-tier ul{list-style:none;padding:0;margin:0 0 var(--spacing-medium, 16px) 0;text-align:left}.pricing-tier li{padding:var(--spacing-unit, 4px) 0;color:var(--color-muted, #666);font-size:.9em;border-bottom:1px solid var(--border-color, #eee)}.pricing-cta{display:inline-block;padding:var(--spacing-small, 8px) var(--spacing-medium, 16px);background:var(--color-primary, #336699);color:var(--color-background, #fff);text-decoration:none;border-radius:var(--border-radius, 4px);font-weight:600}.abandonment-badge{display:inline-block;padding:var(--spacing-unit, 4px) var(--spacing-small, 8px);font-size:.8em;color:var(--color-muted, #999);filter:grayscale(100%);opacity:.7}.abandonment-counter{display:inline-block;padding:var(--spacing-unit, 4px) var(--spacing-small, 8px);font-family:var(--mono-font, monospace);font-size:.85em;color:var(--color-muted, #888);background:var(--color-surface, #f0f0f0);border:var(--border-width, 1px) var(--border-style, solid) var(--border-color, #ccc);border-radius:var(--border-radius, 2px)}.abandonment-counter .counter-value{letter-spacing:.05em}.abandonment-browser-notice{padding:var(--spacing-unit, 4px) var(--spacing-small, 8px);background:#fff3cd;color:#856404;font-size:.8em;text-align:center;border-bottom:1px solid #ffc107}.abandonment-missing-asset{display:inline-flex;align-items:center;gap:var(--spacing-unit, 4px);padding:var(--spacing-small, 8px);border:2px dashed var(--border-color, #ccc);color:var(--color-muted, #999);font-size:.85em;min-width:80px;min-height:40px;justify-content:center}.abandonment-missing-asset .missing-asset-icon{font-size:1.2em;color:var(--color-muted, #bbb)}.abandonment-partner-logos{display:inline-block;padding:var(--spacing-unit, 4px) var(--spacing-small, 8px);opacity:.35;filter:grayscale(100%);font-size:.8em;color:var(--color-muted, #aaa);background:var(--color-surface, #f5f5f5);border:var(--border-width, 1px) var(--border-style, solid) var(--border-color, #ddd);border-radius:var(--border-radius, 2px)}#generated-site{max-width:100vw;overflow-x:hidden}@media(max-width:600px){.site-header{flex-direction:column;align-items:flex-start;padding:var(--spacing-small, 8px) var(--spacing-medium, 16px)}.site-hero{padding:var(--spacing-medium, 16px)}.hero-tagline{font-size:1.5em}.site-footer,.site-body{padding:var(--spacing-small, 8px) var(--spacing-medium, 16px)}.features-grid,.testimonials-grid,.pricing-grid{grid-template-columns:1fr}}@media(max-width:480px){#generated-site{font-size:14px}.hero-tagline,.site-body h2{font-size:1.25em}.info-button{right:16px;bottom:16px}.share-button{right:16px;bottom:64px}.refresh-button{right:16px;bottom:112px}.info-modal{width:95%;padding:20px;max-height:90vh;overflow-y:auto}.toast{max-width:calc(100vw - 32px);white-space:normal}.roster-table{display:block;overflow-x:auto}.roster-table th,.roster-table td{padding:var(--spacing-unit, 4px)}}