*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0f172a;--surface:#1e293b;--card:#283548;--border:#334155;--text:#e2e8f0;--muted:#94a3b8;--accent:#38bdf8;--accent2:#818cf8;--green:#34d399;--yellow:#fbbf24;--orange:#fb923c;--red:#f87171;--gbp:#2563eb;--onpage:#e11d48;--geo:#0d9488;--cite:#6366f1}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:24px 20px}.hero{text-align:center;padding:60px 20px 40px;background:linear-gradient(135deg,#1e293b,#0f172a,#1e1b4b);border-bottom:1px solid var(--border)}.hero h1{font-size:2.4rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.hero p{color:var(--muted);font-size:1.1rem;max-width:700px;margin:0 auto}.hero .badge-row{display:flex;gap:10px;justify-content:center;margin-top:20px;flex-wrap:wrap}.badge{padding:6px 16px;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid}.badge-gbp{background:#2563eb26;border-color:var(--gbp);color:var(--gbp)}.badge-onpage{background:#e11d4826;border-color:var(--onpage);color:var(--onpage)}.badge-geo{background:#0d948826;border-color:var(--geo);color:var(--geo)}.badge-cite{background:#6366f126;border-color:var(--cite);color:var(--cite)}.tab-nav{display:flex;gap:0;margin:32px 0 0;border-bottom:2px solid var(--border);flex-wrap:wrap}.tab-btn{padding:12px 24px;background:none;border:none;color:var(--muted);font-size:.95rem;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-content{display:none;padding:32px 0;animation:fadeIn .3s ease}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.module-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.module-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:800;color:#fff;flex-shrink:0}.icon-gbp{background:linear-gradient(135deg,#2563eb,#3b82f6)}.icon-onpage{background:linear-gradient(135deg,#e11d48,#f43f5e)}.icon-geo{background:linear-gradient(135deg,#0d9488,#14b8a6)}.icon-cite{background:linear-gradient(135deg,#6366f1,#818cf8)}.module-header h2{font-size:1.5rem;font-weight:700}.module-header .subtitle{color:var(--muted);font-size:.9rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-bottom:32px}.feature-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-2px);border-color:var(--accent)}.feature-card h3{font-size:1rem;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:8px}.feature-card h3 .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.feature-card p{color:var(--muted);font-size:.88rem}.time-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px;margin-bottom:32px}.time-section h3{font-size:1.15rem;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px}.time-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.time-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;background:var(--bg)}.time-item .hours{font-size:1.4rem;font-weight:800;color:var(--green);flex-shrink:0;min-width:50px;text-align:right}.time-item .desc{font-size:.88rem;color:var(--muted)}.time-item .desc strong{color:var(--text)}.overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px;text-align:center}.stat-card .number{font-size:2.2rem;font-weight:800;margin-bottom:4px}.stat-card .label{color:var(--muted);font-size:.85rem}.num-gbp{color:var(--gbp)}.num-onpage{color:var(--onpage)}.num-geo{color:var(--geo)}.num-cite{color:var(--cite)}.stack-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.88rem}.stack-table th{background:var(--card);padding:12px 16px;text-align:left;font-weight:600;border-bottom:2px solid var(--border)}.stack-table td{padding:10px 16px;border-bottom:1px solid var(--border)}.stack-table tr:hover td{background:#38bdf80a}.stack-tag{display:inline-block;padding:2px 10px;border-radius:10px;font-size:.78rem;font-weight:600}.total-bar{background:linear-gradient(135deg,#34d3991a,#38bdf81a);border:1px solid var(--green);border-radius:14px;padding:28px;text-align:center;margin:32px 0}.total-bar .big{font-size:3rem;font-weight:800;color:var(--green)}.total-bar .caption{color:var(--muted);font-size:1rem;margin-top:4px}footer{text-align:center;padding:40px 20px;color:var(--muted);font-size:.82rem;border-top:1px solid var(--border)}@media(max-width:640px){.hero h1{font-size:1.6rem}.tab-btn{padding:10px 14px;font-size:.82rem}.feature-grid,.time-grid,.overview-grid{grid-template-columns:1fr}}