*{margin:0;padding:0;box-sizing:border-box;}
body{background:#f5f5f5;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.6;}

/* Header */
.sticky-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;padding:.75rem 0;}
.header-flex{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem;flex-wrap:wrap;gap:1rem;}
.logo{font-size:1.25rem;font-weight:700;color:#1f2937;text-decoration:none;display:flex;align-items:center;gap:.5rem;}
.logo img{height:28px;width:auto;}
.nav-links{display:flex;gap:1.25rem;flex-wrap:wrap;}
.nav-links a{color:#4b5563;text-decoration:none;font-size:.9rem;font-weight:500;}
.nav-links a:hover,.nav-links a.active{color:#111827;}
.header-contact{font-size:.85rem;color:#6b7280;}

/* Layout */
.layout{display:flex;gap:2rem;max-width:1200px;margin:2rem auto;padding:0 1rem;}
.content{flex:1;min-width:0;}
.sidebar{width:300px;flex-shrink:0;}

/* Cards */
.card{background:#fff;border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e5e7eb;}
.card h2{margin-bottom:1rem;font-size:1.25rem;color:#111827;}

/* Mirror sidebar */
.mirror-title{font-weight:600;margin-bottom:.75rem;color:#111827;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;}
.mirror-link{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;padding:.6rem .75rem;margin-bottom:.5rem;font-family:Menlo,Consolas,monospace;font-size:.8rem;word-break:break-all;color:#1f2937;}
.mirror-link:hover{border-color:#9ca3af;}
a.mirror-link{display:block;text-decoration:none;color:#1f2937;}
a.mirror-link:hover{background:#f0f0f0;border-color:#6b7280;}
.mirror-note{font-size:.8rem;color:#6b7280;margin-top:.75rem;}

/* Hero */
.hero{padding:2rem 0 1.5rem;}
.hero h1{font-size:2rem;font-weight:800;color:#111827;margin-bottom:.75rem;line-height:1.2;}
.hero .lead{font-size:1.1rem;color:#4b5563;margin-bottom:1rem;}
.hero .highlight{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem 1.25rem;font-size:.95rem;}
.hero .highlight code{background:#e5e7eb;padding:.15rem .4rem;border-radius:.25rem;font-family:Menlo,Consolas,monospace;font-size:.85rem;word-break:break-all;}

/* Typography */
h2{font-size:1.35rem;font-weight:700;color:#111827;margin-bottom:.75rem;margin-top:2rem;}
h3{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:.5rem;margin-top:1.5rem;}
p{margin-bottom:1rem;}
a{color:#1f2937;}
a:hover{color:#111827;}
ul,ol{padding-left:1.25rem;margin-bottom:1rem;}
li{margin-bottom:.35rem;}
strong{color:#111827;}

/* Feature list */
.feature-list{list-style:none;padding:0;}
.feature-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;border-bottom:1px solid #f3f4f6;}
.feature-list li:before{content:"\2713";position:absolute;left:0;color:#374151;font-weight:700;}
.feature-list li:last-child{border-bottom:none;}

/* Steps */
.steps{list-style:none;padding:0;counter-reset:step;}
.steps li{counter-increment:step;padding:.6rem 0 .6rem 2.5rem;position:relative;border-bottom:1px solid #f3f4f6;}
.steps li:before{content:counter(step);position:absolute;left:0;width:1.6rem;height:1.6rem;background:#e5e7eb;color:#1f2937;border-radius:50%;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;top:.65rem;}
.steps li:last-child{border-bottom:none;}

/* Rules list */
.rules-list{list-style:none;padding:0;}
.rules-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;border-bottom:1px solid #f3f4f6;}
.rules-list li:before{content:"\2716";position:absolute;left:0;color:#6b7280;font-size:.85rem;}
.rules-list li:last-child{border-bottom:none;}

/* Stats grid */
.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;}
.stat-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem;}
.stat-label{display:block;font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;}
.stat-value{display:block;font-size:.95rem;font-weight:600;color:#111827;}

/* Screenshots grid */
.screens-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin:1rem 0;}
.screens-grid figure{margin:0;}
.screens-grid img{width:100%;height:auto;border:1px solid #e5e7eb;border-radius:.375rem;display:block;}
.screens-grid figcaption{font-size:.8rem;color:#6b7280;text-align:center;padding:.4rem 0;}

/* FAQ */
.faq-item{margin-bottom:.75rem;border:1px solid #e5e7eb;border-radius:.375rem;overflow:hidden;}
.faq-item summary{padding:.85rem 1rem;cursor:pointer;font-weight:600;font-size:.95rem;color:#1f2937;background:#fafafa;list-style:none;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary:hover{background:#f3f4f6;}
.faq-item[open] summary{border-bottom:1px solid #e5e7eb;}
.faq-item .faq-answer{padding:1rem;font-size:.9rem;color:#4b5563;}

/* Warning */
.warning{background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;padding:1rem 1.25rem;color:#991b1b;font-size:.9rem;margin-bottom:1rem;}
.warning strong{color:#991b1b;}

/* Footer */
.footer{border-top:1px solid #e5e7eb;padding:2rem 0;margin-top:3rem;text-align:center;font-size:.85rem;color:#6b7280;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;}

/* News */
.news-item{border-bottom:1px solid #e5e7eb;padding:1.5rem 0;}
.news-item:first-child{padding-top:0;}
.news-date{font-size:.8rem;color:#6b7280;margin-bottom:.25rem;}
.news-item h3{margin-top:0;}
.news-item h3 a{text-decoration:none;color:#111827;}
.news-item h3 a:hover{text-decoration:underline;}

/* Glossary */
.glossary-term{padding:.75rem 0;border-bottom:1px solid #e5e7eb;}
.glossary-term:first-child{padding-top:0;}
.glossary-term strong{display:block;font-size:.95rem;margin-bottom:.15rem;}
.glossary-term span{font-size:.88rem;color:#4b5563;}

/* Contact card */
.contact-card{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem;font-size:.9rem;color:#4b5563;}

/* Warning banner */
.disclaimer{background:#f3f4f6;border-bottom:1px solid #e5e7eb;padding:.5rem 0;text-align:center;font-size:.8rem;color:#6b7280;}

/* Responsive */
@media(max-width:900px){
  .layout{flex-direction:column-reverse;}
  .sidebar{width:100%;}
  .hero h1{font-size:1.6rem;}
  .stats-grid{grid-template-columns:repeat(2,1fr);}
  .screens-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:480px){
  .hero h1{font-size:1.35rem;}
  .stats-grid{grid-template-columns:1fr;}
  .screens-grid{grid-template-columns:1fr;}
  .header-flex{flex-direction:column;align-items:flex-start;}
}