/* QuickQ — additional styles for the multilingual static build.
   Extends the base design system in style.css; colours match its palette. */

.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}

.inline-link{color:#60a5fa;text-decoration:underline}
.inline-link:hover{color:#00c8ff}

/* language switch + active nav */
.lang-switch{color:#93c5fd;font-size:.85rem;border:1px solid rgba(0,200,255,.25);border-radius:20px;padding:5px 12px;margin-right:10px;white-space:nowrap;transition:border-color .3s,color .3s}
.lang-switch:hover{color:#00c8ff;border-color:rgba(0,200,255,.6)}
.nav-menu a.active{color:#60a5fa}
.mobile-menu a.active{color:#60a5fa}

/* breadcrumb */
.breadcrumb{padding:96px 20px 0}
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;font-size:.8rem;color:#93c5fd}
.breadcrumb li+li:before{content:"/";margin-right:8px;color:rgba(147,197,253,.5)}
.breadcrumb a{color:#93c5fd;text-decoration:none}
.breadcrumb a:hover{color:#00c8ff}
.breadcrumb li[aria-current]{color:#fff}

/* inner page hero */
.page-hero{padding:32px 0 8px;background:linear-gradient(180deg,rgba(10,26,56,.7),transparent)}
.page-hero h1{color:#fff;font-size:2rem;line-height:1.3;margin:0 0 14px;font-weight:700}
.page-hero p{color:#b0d4ff;font-size:.95rem;line-height:1.8;max-width:820px;margin:0}
@media (min-width:768px){.page-hero h1{font-size:2.4rem}}

/* ghost button */
.btn-ghost{background:transparent;border:1px solid rgba(0,200,255,.4);color:#93c5fd;margin-left:10px}
.btn-ghost:hover{border-color:#00c8ff;color:#00c8ff;box-shadow:none}

/* download cards */
.dl-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:24px}
@media (min-width:640px){.dl-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.dl-grid{grid-template-columns:repeat(3,1fr)}}
.dl-card{background:#0a1a38;border:1px solid rgba(30,80,160,.4);border-radius:12px;padding:24px;scroll-margin-top:90px;transition:border-color .3s,transform .3s}
.dl-card:hover{border-color:rgba(0,200,255,.45);transform:translateY(-3px)}
.dl-icon{font-size:1.8rem;color:#00c8ff;margin-bottom:12px}
.dl-card h3{color:#fff;font-size:1.15rem;margin:0 0 6px}
.dl-card p{color:#b0d4ff;font-size:.875rem;line-height:1.7;margin:0 0 10px}
.dl-req{color:#93c5fd!important;font-size:.8rem!important}
.dl-file{display:block;width:fit-content;background:rgba(59,130,246,.15);color:#93c5fd;font-size:.75rem;padding:4px 10px;border-radius:6px;margin-bottom:14px}

/* numbered steps */
.step-list{counter-reset:s;list-style:none;padding:0;margin:24px 0 0;display:grid;gap:16px}
@media (min-width:768px){.step-list{grid-template-columns:repeat(2,1fr)}}
.step-list li{counter-increment:s;position:relative;background:#0a1a38;border:1px solid rgba(30,80,160,.4);border-radius:10px;padding:20px 20px 20px 62px}
.step-list li:before{content:counter(s);position:absolute;left:20px;top:20px;width:28px;height:28px;border-radius:50%;background:rgba(0,200,255,.12);color:#00c8ff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}
.step-list h3{color:#00c8ff;font-size:1rem;margin:0 0 8px}
.step-list p{color:#b0d4ff;font-size:.875rem;line-height:1.7;margin:0}

/* pricing */
.plan-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:24px}
@media (min-width:768px){.plan-grid{grid-template-columns:repeat(3,1fr)}}
.plan-card{position:relative;background:#0a1a38;border:1px solid rgba(30,80,160,.4);border-radius:14px;padding:28px 24px;display:flex;flex-direction:column}
.plan-best{border-color:rgba(0,200,255,.55);box-shadow:0 0 30px rgba(0,200,255,.08)}
.plan-card h3{color:#fff;font-size:1.2rem;margin:10px 0 6px}
.plan-price{color:#00c8ff;font-size:2rem;font-weight:700;margin-bottom:18px}
.plan-price span{display:block;color:#93c5fd;font-size:.8rem;font-weight:400;margin-top:4px}
.plan-card .sub-features{flex:1;margin-bottom:20px}
.plan-card .badge{display:inline-block}

/* wide tables on small screens */
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-scroll .seo-scenarios-table{min-width:640px}
.muted-note{color:#93c5fd;font-size:.8rem;line-height:1.7;margin-top:12px}
.faq-more{margin-top:18px;font-size:.875rem}

/* legal prose */
.legal h2{color:#00c8ff;font-size:1.15rem;margin:30px 0 10px;font-weight:600}
.legal h2:first-of-type{margin-top:0}
.legal p{color:#b0d4ff;font-size:.9rem;line-height:1.9;margin:0 0 12px;max-width:900px}

/* extra icon spacing inside feature cards */
.seo-feature-card h3 i{margin-right:6px}

/* Section styles carried over from the reference layout (tables, feature cards, notices, latency strip) */
.seo-scenarios-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.9rem}.seo-scenarios-table thead tr{background:rgba(59,130,246,.15)}.seo-scenarios-table th{padding:12px 16px;text-align:left;color:#00c8ff;font-weight:600;border-bottom:1px solid rgba(0,200,255,.2);font-size:.85rem;letter-spacing:.5px}.seo-scenarios-table td{padding:12px 16px;color:#b0d4ff;border-bottom:1px solid rgba(30,80,160,.3);vertical-align:top;line-height:1.6}.seo-scenarios-table tbody tr:hover{background:rgba(59,130,246,.07)}.seo-scenarios-table tbody tr:last-child td{border-bottom:none}.seo-features-list{display:grid;grid-template-columns:1fr;gap:20px;margin:24px 0}@media (min-width:768px){.seo-features-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.seo-features-list{grid-template-columns:repeat(3,1fr)}}.seo-feature-card{background:#0a1a38;border:1px solid rgba(30,80,160,.4);border-radius:10px;padding:20px;transition:border-color .3s}.seo-feature-card:hover{border-color:rgba(0,200,255,.4)}.seo-feature-card h3{color:#00c8ff;font-size:1rem;margin:0 0 10px;font-weight:600}.seo-feature-card p{color:#b0d4ff;font-size:.875rem;line-height:1.7;margin:0}.seo-feature-card .feature-tag{display:inline-block;background:rgba(59,130,246,.15);color:#93c5fd;font-size:.75rem;padding:3px 10px;border-radius:20px;margin-top:10px}.seo-testimonials-grid{display:grid;grid-template-columns:1fr;gap:16px;margin:24px 0}@media (min-width:576px){.seo-testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.seo-testimonials-grid{grid-template-columns:repeat(3,1fr)}}.seo-testimonial-card{background:#0a1a38;border:1px solid rgba(30,80,160,.4);border-radius:10px;padding:18px}.seo-testimonial-card blockquote{color:#fff;font-size:.875rem;line-height:1.7;margin:0 0 14px;font-style:italic;border-left:3px solid #00c8ff;padding-left:12px}.seo-testimonial-meta{display:flex;align-items:center;gap:10px;margin-top:10px}.seo-testimonial-avatar{width:36px;height:36px;border-radius:50%;background:rgba(59,130,246,.2);display:flex;align-items:center;justify-content:center;color:#00c8ff;font-size:.8rem;font-weight:700;flex-shrink:0}.seo-testimonial-info .name{color:#fff;font-size:.85rem;font-weight:600}.seo-testimonial-info .role{color:#93c5fd;font-size:.75rem}.seo-testimonial-badge{margin-left:auto;background:rgba(0,200,255,.1);color:#00c8ff;font-size:.7rem;padding:3px 8px;border-radius:20px;white-space:nowrap}.seo-notice{background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2);border-left:3px solid #3b82f6;border-radius:6px;padding:12px 16px;margin:16px 0;font-size:.8rem;color:#93c5fd;line-height:1.6}.seo-notice code{background:rgba(0,0,0,.3);padding:1px 5px;border-radius:3px;color:#00c8ff;font-size:.78rem}.seo-notice strong{color:#fff}.latency-demo{background:linear-gradient(135deg,#0a1a38,#0f2440);border:1px solid rgba(0,200,255,.15);border-radius:12px;padding:24px 32px;margin:16px 0 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.latency-demo .stat-item{text-align:center;padding:8px 16px}.latency-demo .stat-item .number{font-size:2rem;font-weight:700;color:#00c8ff}.latency-demo .stat-item .label{font-size:.8rem;color:#93c5fd}.latency-demo .stat-divider{width:1px;height:40px;background:rgba(0,200,255,.2)}@media (max-width:576px){.latency-demo .stat-divider{display:none}}