body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:#222;line-height:1.7;background:#fff;-webkit-font-smoothing:antialiased}
a:hover{color:#1d4ed8}
.announcement-bar{background:#222;color:#fff;font-size:0.85rem;font-weight:500;text-align:center}
.announcement-bar a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.announcement-close{color:rgba(255,255,255,0.7);font-size:1.2rem;transition:color 0.2s}
.announcement-close:hover{color:#fff}
.promo-banner{background:#2563eb;color:#fff;font-size:0.85rem;font-weight:500;text-align:center}
.promo-banner a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.promo-close{color:rgba(255,255,255,0.7);font-size:1.2rem;transition:color 0.2s}
.promo-close:hover{color:#fff}
.navbar{background:rgba(255,255,255,0.95);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid #e5e5e5}
.logo{font-size:1.1rem;font-weight:700;color:#222;letter-spacing:0}
.nav-links > li > a{font-size:0.9rem;font-weight:500;color:#555;text-decoration:none;transition:color 0.2s}
.nav-links > li > a:hover{color:#222}
.dropdown-menu{background:#fff;border:1px solid #e5e5e5;border-top:4px solid #2563eb;border-radius:0;box-shadow:none}
.dropdown-heading{font-size:0.8rem;font-weight:700;color:#222;text-transform:uppercase;letter-spacing:0.04em}
.dropdown-menu a{font-size:0.85rem;color:#1a73e8;text-decoration:underline;text-underline-offset:2px}
.dropdown-menu a:hover{color:#1557b0;background:none}
.mobile-toggle{background:none;border:none}
.mobile-toggle span{background:#222;transition:0.3s;border-radius:0}
.btn{font-size:0.9rem;font-weight:600;font-family:inherit;border:1px solid #222;background:transparent;color:#222;transition:all 0.2s;text-align:center;border-radius:0;text-decoration:none}
.btn:hover{background:#222;color:#fff}
.btn-dark{background:#222;color:#fff}
.btn-dark:hover{background:#444;border-color:#444}
.btn-large{font-size:1rem}
.text-center{text-align:center}
.text-muted{color:#888}
.text-link{font-size:1rem;font-weight:600;color:#2563eb;text-decoration:underline;text-underline-offset:3px;transition:color 0.2s;text-align:left}
.text-link:hover{color:#1d4ed8}
.hero{border-bottom:1px solid #e5e5e5}
.hero-bg-img{object-position:84% center}
.hero-overlay{background:linear-gradient(to right,rgba(255,255,255,0.97) 30%,rgba(255,255,255,0.85) 65%,transparent 100%)}
.hero-content{text-align:left}
.hero-wave{display:none}
.highlight{background:none;font-weight:700;color:#2563eb}
.hero-content h1,.hero-intro-h1{font-size:2.5rem;font-weight:700;letter-spacing:-0.02em}
.hero-eyebrow{font-size:0.9rem;font-weight:600;color:#555}
.hero-content p{font-size:1rem;color:#444;line-height:1.8}
.hero-form-wide{background:#fafafa;border:1px solid #e5e5e5;border-radius:0}
.hero-form-label{font-weight:600;text-align:left}
.hero-form input,.hero-form textarea{font-size:0.9rem;font-family:inherit;border:1px solid #ccc;border-radius:0;background:#fff;color:#222;transition:border-color 0.2s}
.hero-form input:focus,.hero-form textarea:focus{outline:none;border-color:#2563eb}
.form-label{font-size:0.85rem;font-weight:600;color:#222}
.contact-methods label{font-size:0.85rem;color:#444}
.contact-methods input[type="checkbox"]{accent-color:#2563eb}
p.form-hint{font-size:0.8rem;color:#888;font-style:italic}
.section{border-bottom:1px solid #e5e5e5}
.section:nth-child(even){background:#fff}
#about{background:#fff}
.section h2{font-size:1.75rem;font-weight:700;letter-spacing:-0.02em;text-align:center}
.section p{font-size:1rem;color:#444;line-height:1.8}
.service-block{background:#fff;border:none;border-top:1px solid #e5e5e5;border-radius:0;transition:none}
.section:nth-child(even) .service-block{background:#fff}
.service-block:hover{box-shadow:none}
.service-icon{background:none;border-radius:0;color:#222}
.service-block h3{font-size:1.1rem;font-weight:700}
.service-block p{font-size:0.95rem;color:#555;line-height:1.7}
.tool-card{background:#fff;border:none;border-top:1px solid #e5e5e5;border-radius:0;transition:none}
.tool-card:hover{box-shadow:none}
.tool-img{background:#f0f0f0;border:1px solid #b0c4de}
.tool-card h3{font-size:1.05rem;font-weight:700}
.tool-card p{font-size:0.9rem;color:#555;line-height:1.6}
.star-list{text-align:left}
.star-list li{font-size:1rem}
.star-list li::before{content:"⭐"}
.services-table tr{border-top:1px solid #e5e5e5}
.services-table tr:last-child{border-bottom:1px solid #e5e5e5}
.services-table td{font-size:1rem}
.services-table th strong{font-weight:700;color:#222}
.service-note{font-size:0.85rem;color:#666}
.service-price-cell{font-weight:700;color:#222;text-align:right}
.service-link-cell{text-align:right}
.service-link-cell a{font-size:0.9rem;font-weight:600;color:#2563eb;text-decoration:underline;text-underline-offset:3px;transition:color 0.2s}
.service-link-cell a:hover{color:#1d4ed8}
.page-header{text-align:left;border-bottom:1px solid #e5e5e5}
.page-header h1{font-size:2.25rem;font-weight:700;letter-spacing:-0.02em}
.page-header p{font-size:1rem;color:#555;line-height:1.8}
.subject-section{border-top:1px solid #e5e5e5}
.subject-section h2{font-size:1.5rem;font-weight:700;letter-spacing:-0.02em;text-align:left}
.subject-section h3.subject-subtitle{font-size:1rem;font-weight:600;color:#666}
.subject-section > .container > p{font-size:1rem;color:#444;line-height:1.8}
section.reviews-section{background:#fff}
.reviews-summary{font-size:1rem;color:#555;text-align:center}
.reviews-summary a{font-weight:600;color:#2563eb;text-decoration:underline;text-underline-offset:3px;transition:color 0.2s}
.reviews-summary a:hover{color:#1d4ed8}
.stars{color:#d97706}
.hero-rating{font-size:0.9rem;text-align:left}
.hero-rating a{color:#555;text-decoration:underline;text-underline-offset:3px;transition:color 0.2s}
.hero-rating a:hover{color:#222}
.review-card{background:#fff;border:none;border-top:1px solid #e5e5e5;border-radius:0;transition:none;color:inherit;text-decoration:none}
.review-card:hover{box-shadow:none;border-color:#e5e5e5}
.review-avatar{border-radius:50%;color:#fff;font-weight:600;font-size:0.8rem}
.review-header strong{font-size:0.9rem}
.review-stars{color:#d97706;font-size:0.8rem;letter-spacing:1px}
.review-text{font-size:0.875rem;color:#555;line-height:1.6}
.review-more{font-size:0.8rem;font-weight:600;color:#2563eb;text-decoration:underline}
.faq-item{border-top:1px solid #e5e5e5}
.faq-item:last-child{border-bottom:1px solid #e5e5e5}
.faq-question{background:none;border:none;text-align:left;font-size:1rem;font-weight:600;color:#222;font-family:inherit}
.faq-question:hover{color:#2563eb}
.faq-icon{font-size:1.25rem;font-weight:300;transition:transform 0.3s;color:#888}
.faq-answer{transition:max-height 0.35s ease}
.faq-answer p{font-size:0.9rem;color:#555}
.footer{background:#fff;color:#888;border-top:1px solid #e5e5e5;font-size:0.9rem}
.footer .footer-heading{color:#222}
.footer a{color:#2563eb;text-decoration:underline}
.footer a:hover{color:#1d4ed8}
.footer .footer-heading{font-size:0.85rem;font-weight:700;text-transform:none;letter-spacing:0;color:#222}
.footer a{font-size:0.9rem;color:#2563eb;transition:color 0.2s}
.footer a:hover{color:#1d4ed8}
.feedback-toggle{border-radius:50%;border:1px solid #e5e5e5;background:#fff;color:#222;box-shadow:none;transition:background 0.2s}
.feedback-toggle:hover{background:#f5f5f5}
.feedback-mode .feedback-toggle{background:#2563eb;color:#fff;border-color:#2563eb}
.feedback-count{background:#dc2626;color:#fff;font-size:0.7rem;font-weight:700;border-radius:50%;display:none;line-height:1}
.feedback-banner{display:none;background:#2563eb;color:#fff;font-size:0.9rem;font-weight:500}
.feedback-banner button{background:rgba(255,255,255,0.2);color:#fff;border:none;border-radius:0;font-size:0.85rem;font-weight:600;transition:background 0.2s}
.feedback-banner button:hover{background:rgba(255,255,255,0.35)}
.feedback-pin{border-radius:50%;background:#2563eb;color:#fff;font-size:0.75rem;font-weight:700;box-shadow:none;transform:translate(-50%,-50%);transition:transform 0.15s;border:2px solid #fff}
.feedback-pin:hover{transform:translate(-50%,-50%) scale(1.15);box-shadow:none}
.feedback-popup{display:none;background:#fff;border:1px solid #e5e5e5;border-radius:0;box-shadow:none}
.feedback-popup textarea{font-size:0.9rem;font-family:inherit;border:1px solid #e5e5e5;border-radius:0;color:#222}
.feedback-popup textarea:focus{outline:none;border-color:#2563eb}
.feedback-popup-btn{font-size:0.85rem;font-weight:600;font-family:inherit;border-radius:0;border:none;transition:background 0.2s}
.feedback-popup-btn.cancel{background:#f5f5f5;color:#555}
.feedback-popup-btn.cancel:hover{background:#eee}
.feedback-popup-btn.submit{background:#222;color:#fff}
.feedback-popup-btn.submit:hover{background:#444}
.feedback-detail{background:#fff;border:1px solid #e5e5e5;border-radius:0;box-shadow:none}
.feedback-detail-comment{font-size:0.9rem;color:#444;line-height:1.6}
.feedback-detail-time{font-size:0.75rem;color:#999}
.feedback-detail-screenshot{border-radius:0;border:1px solid #e5e5e5}
.feedback-detail-close{background:none;border:none;font-size:1.1rem;color:#999;line-height:1}
.feedback-detail-close:hover{color:#222}
.feedback-panel{background:#fff;box-shadow:none;border-left:1px solid #e5e5e5;transition:right 0.3s ease}
.feedback-panel-header{border-bottom:1px solid #e5e5e5}
.feedback-panel-header h3{font-size:1.1rem;font-weight:700;color:#222}
.feedback-panel-header button{background:none;border:none;font-size:1.5rem;color:#999;line-height:1}
.feedback-panel-header button:hover{color:#222}
.feedback-panel-empty{text-align:center;color:#999;font-size:0.9rem}
.feedback-item{border:none;border-top:1px solid #e5e5e5;border-radius:0;transition:none}
.feedback-item:hover{border-color:#e5e5e5}
.feedback-item-pin{border-radius:50%;background:#2563eb;color:#fff;font-size:0.7rem;font-weight:700}
.feedback-item-time{font-size:0.75rem;color:#999}
.feedback-item-delete{background:none;border:none;color:#ccc;font-size:1rem;border-radius:0;transition:color 0.2s}
.feedback-item-delete:hover{color:#dc2626;background:none}
.feedback-item-comment{font-size:0.85rem;color:#444;line-height:1.5}
.feedback-item-screenshot{border-radius:0;border:1px solid #e5e5e5}
.feedback-panel-overlay{display:none;background:rgba(0,0,0,0.2)}
.popup-overlay{display:none;background:rgba(0,0,0,0.3)}
.popup-modal{background:#fff;border-radius:0;border:1px solid #e5e5e5;box-shadow:none}
.popup-close{background:none;border:none;font-size:1.5rem;color:#999;line-height:1}
.popup-close:hover{color:#222}
.popup-modal h2{font-size:1.35rem;font-weight:700;text-align:left}
.popup-modal p{font-size:0.95rem;color:#444;line-height:1.7}
.popup-modal li{font-size:0.95rem;color:#444;line-height:1.7}
[data-ab="b"] .highlight{background:linear-gradient(to top,#31f5a5 40%,transparent 40%);color:inherit}
[data-ab="b"] .btn{background:#222;color:#fff;border-color:#222}
[data-ab="b"] .btn:hover{background:#31f5a5;color:#222;border-color:#31f5a5}
[data-ab="b"] .btn-dark{background:#31f5a5;color:#222;border-color:#31f5a5}
[data-ab="b"] .btn-dark:hover{background:#28d98e;color:#222;border-color:#28d98e}
[data-ab="b"] .section p,[data-ab="b"] .hero-content p{font-size:1.125rem}
@media (min-width:1400px){.hero-bg-img{object-position:100% center}
}
@media (max-width:768px){.nav-links{background:#fff}
.nav-links > li > a{font-size:1.1rem;color:#222}
.dropdown-menu{box-shadow:none;border:none;text-align:center}
.mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.mobile-toggle.active span:nth-child(2){opacity:0}
.mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.page-header h1{font-size:1.75rem}
.hero-content h1{text-align:center}
}