/* =====================================================================
   Landingpage: NotebookLM & Gemini im Büro – Der Masterguide
   Eigenständig, Navy + Gold passend zu den Produktbildern
   ===================================================================== */
body.pg-guide {
	--navy:#0a1628; --navy-mid:#0f1e38; --navy-card:#132040;
	--gold:#f8c645; --gold-dk:#d4a62a; --gold-glow:rgba(248,198,69,.12); --gold-border:rgba(248,198,69,.32);
	--body:rgba(255,255,255,.8); --muted:rgba(255,255,255,.52); --border:rgba(255,255,255,.09);
	--paper:#f7f5f0; --ink:#0a1628; --ink-soft:#3b4456;
	--maxw:1140px;
	margin:0; font-family:'Inter',sans-serif; background:var(--navy); color:#fff; line-height:1.6;
	-webkit-font-smoothing:antialiased; overflow-x:hidden;
}
body.pg-guide *, body.pg-guide *::before, body.pg-guide *::after { box-sizing:border-box; }
body.pg-guide h1, body.pg-guide h2, body.pg-guide p, body.pg-guide ul, body.pg-guide dl, body.pg-guide dd { margin:0; padding:0; }
html { scroll-behavior:smooth; }
.pg-guide img { max-width:100%; height:auto; display:block; }
.pg-guide em { font-style:italic; color:var(--gold); }
.pg-guide a { color:var(--gold); }

/* Header */
.pg-guide .g-header { background:#fff; border-bottom:1px solid #e5e7eb; }
.pg-guide .g-header-inner { max-width:var(--maxw); margin:0 auto; padding:10px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.pg-guide .g-logo img { height:76px; width:auto; }
.pg-guide .g-header-cta { background:var(--navy); color:#fff; text-decoration:none; font-weight:600; font-size:.88rem; padding:10px 18px; border-radius:6px; white-space:nowrap; }
.pg-guide .g-header-cta:hover { background:#16284a; }

/* Layout */
.pg-guide .g-wrap { max-width:var(--maxw); margin:0 auto; padding:0 24px; }
.pg-guide .g-narrow { max-width:820px; }
.pg-guide .g-center { text-align:center; }
.pg-guide .g-center .g-lead { margin-left:auto; margin-right:auto; }
.pg-guide .g-section { padding:88px 0; }
.pg-guide .g-alt { background:var(--navy-mid); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.pg-guide .g-light { background:var(--paper); }
.pg-guide .g-eye { display:block; font-size:.72rem; font-weight:700; letter-spacing:1.8px; text-transform:uppercase; color:var(--gold); margin-bottom:14px; }
.pg-guide .g-eye-dark { color:#a87b0c; }
.pg-guide .g-h2 { font-family:'Playfair Display',serif; font-size:clamp(1.75rem,3.6vw,2.6rem); font-weight:900; line-height:1.15; letter-spacing:-.01em; margin-bottom:22px; }
.pg-guide .g-dark { color:var(--ink); }
.pg-guide .g-light em { color:#b58610; }
.pg-guide .g-lead { color:var(--body); font-size:1.06rem; line-height:1.75; max-width:640px; margin-bottom:18px; }
.pg-guide .g-dark-text { color:var(--ink-soft); }
.pg-guide .g-dark-text strong { color:var(--ink); }

/* Hero */
.pg-guide .g-hero { background:radial-gradient(1200px 600px at 85% 20%, rgba(248,198,69,.08), transparent 60%), linear-gradient(155deg,#0a1628 0%,#0d1f3a 60%,#0a1628 100%); padding:64px 0 76px; overflow:hidden; }
.pg-guide .g-hero-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:48px; align-items:center; }
.pg-guide h1 { font-family:'Playfair Display',serif; font-size:clamp(2.4rem,5.6vw,4.2rem); font-weight:900; line-height:1.02; letter-spacing:-.02em; margin-bottom:18px; }
.pg-guide h1 em { display:inline-block; }
.pg-guide .g-claim { font-size:clamp(1.15rem,2.2vw,1.5rem); font-weight:600; line-height:1.35; margin-bottom:14px; }
.pg-guide .g-sub { color:var(--body); font-size:1.02rem; line-height:1.75; max-width:540px; margin-bottom:28px; }
.pg-guide .g-stats { list-style:none; display:grid; grid-template-columns:repeat(4,auto); justify-content:start; gap:10px 34px; margin-bottom:32px; }
.pg-guide .g-stats li { display:flex; flex-direction:column; }
.pg-guide .g-stats strong { font-family:'Playfair Display',serif; font-size:2.1rem; font-weight:900; line-height:1; color:#fff; }
.pg-guide .g-stats span { font-size:.7rem; font-weight:700; letter-spacing:1.4px; text-transform:uppercase; color:var(--gold); margin-top:6px; }
.pg-guide .g-cta-row { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-bottom:14px; }
.pg-guide .g-note { font-size:.8rem; color:var(--muted); line-height:1.5; }
.pg-guide .g-hero-visual img { border-radius:14px; box-shadow:0 30px 80px rgba(0,0,0,.5); border:1px solid var(--border); }

/* Buttons */
.pg-guide .g-btn { display:inline-flex; align-items:center; justify-content:center; background:var(--gold); color:var(--navy); text-decoration:none; font:700 1rem 'Inter',sans-serif; padding:16px 30px; border-radius:999px; box-shadow:0 8px 26px rgba(248,198,69,.28); transition:background .2s,transform .18s,box-shadow .2s; }
.pg-guide .g-btn:hover { background:#ffd45e; transform:translateY(-1px); box-shadow:0 10px 30px rgba(248,198,69,.38); }
.pg-guide .g-btn-lg { font-size:1.06rem; padding:18px 36px; }
.pg-guide .g-btn-ghost { color:#fff; text-decoration:none; font-weight:600; font-size:.95rem; padding:15px 22px; border:1px solid rgba(255,255,255,.25); border-radius:999px; }
.pg-guide .g-btn-ghost:hover { border-color:var(--gold); color:var(--gold); }

/* Split-Sektionen */
.pg-guide .g-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:56px; align-items:center; }
.pg-guide .g-split-visual img { border-radius:12px; border:1px solid var(--border); box-shadow:0 20px 60px rgba(0,0,0,.4); }

/* Ergebnisse */
.pg-guide .g-results { list-style:none; display:grid; gap:12px; margin-top:8px; }
.pg-guide .g-results li { display:grid; grid-template-columns:1fr auto; gap:2px 16px; background:var(--navy-card); border:1px solid var(--border); border-left:3px solid var(--gold); border-radius:8px; padding:14px 18px; }
.pg-guide .g-results strong { font-weight:700; color:#fff; }
.pg-guide .g-results span { grid-column:1; color:var(--body); font-size:.9rem; line-height:1.55; }
.pg-guide .g-results em { grid-column:2; grid-row:1; font-style:normal; font-size:.68rem; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--gold); white-space:nowrap; align-self:center; }

/* Lieferumfang */
.pg-guide .g-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:12px; }
.pg-guide .g-item { display:flex; gap:16px; align-items:flex-start; background:var(--navy-card); border:1px solid var(--border); border-radius:10px; padding:20px; }
.pg-guide .g-item p { color:var(--body); font-size:.95rem; line-height:1.55; }
.pg-guide .g-item strong { color:#fff; }
.pg-guide .g-ico { flex:0 0 auto; width:38px; height:38px; border-radius:50%; background:var(--gold-glow); border:1px solid var(--gold-border); color:var(--gold); font:700 .78rem 'Inter',sans-serif; display:flex; align-items:center; justify-content:center; }

/* Checks */
.pg-guide .g-checks { list-style:none; display:grid; gap:10px; }
.pg-guide .g-checks li { position:relative; padding-left:34px; font-weight:600; font-size:1.02rem; }
.pg-guide .g-checks li::before { content:'✓'; position:absolute; left:0; top:1px; width:22px; height:22px; border-radius:50%; background:var(--gold); color:var(--navy); font-size:.75rem; font-weight:800; display:flex; align-items:center; justify-content:center; }

/* Tags */
.pg-guide .g-tags { list-style:none; display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:12px; }
.pg-guide .g-tags li { padding:9px 18px; border:1px solid var(--gold-border); background:var(--gold-glow); border-radius:999px; font-weight:600; font-size:.92rem; }

/* Kaufbox */
.pg-guide .g-buy { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr); gap:40px; align-items:center; background:linear-gradient(145deg,#132040,#0f1e38); border:1px solid var(--gold-border); border-radius:18px; padding:44px; box-shadow:0 30px 80px rgba(0,0,0,.35); }
.pg-guide .g-facts { display:grid; gap:10px; margin-top:8px; }
.pg-guide .g-facts div { display:grid; grid-template-columns:110px 1fr; gap:12px; padding-bottom:10px; border-bottom:1px solid var(--border); }
.pg-guide .g-facts dt { font-size:.75rem; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; color:var(--gold); padding-top:2px; }
.pg-guide .g-facts dd { color:var(--body); }
.pg-guide .g-buy-action { text-align:center; display:flex; flex-direction:column; align-items:center; gap:14px; }
.pg-guide .g-price { font-family:'Playfair Display',serif; font-size:2.6rem; font-weight:900; }
.pg-guide .g-price span { display:block; font:600 .8rem 'Inter',sans-serif; color:var(--muted); letter-spacing:1px; text-transform:uppercase; }

/* FAQ */
.pg-guide .g-faq { display:grid; gap:12px; }
.pg-guide .g-faq details { background:var(--navy-card); border:1px solid var(--border); border-radius:8px; padding:0 20px; }
.pg-guide .g-faq summary { cursor:pointer; list-style:none; font-weight:600; padding:18px 28px 18px 0; position:relative; }
.pg-guide .g-faq summary::-webkit-details-marker { display:none; }
.pg-guide .g-faq summary::after { content:'▾'; position:absolute; right:0; top:18px; color:var(--gold); transition:transform .2s; }
.pg-guide .g-faq details[open] summary::after { transform:rotate(180deg); }
.pg-guide .g-faq details p { color:var(--body); padding:0 0 18px; font-size:.95rem; }

/* Schluss-CTA */
.pg-guide .g-final { padding:96px 0; text-align:center; background:radial-gradient(800px 400px at 50% 0%, rgba(248,198,69,.12), transparent 70%), var(--navy); border-top:1px solid var(--border); }
.pg-guide .g-script { font-family:'Playfair Display',serif; font-style:italic; color:var(--gold); font-size:1.15rem; margin-bottom:12px; }
.pg-guide .g-final h2 { font-family:'Playfair Display',serif; font-size:clamp(1.7rem,3.6vw,2.6rem); font-weight:900; line-height:1.2; max-width:820px; margin:0 auto 32px; }

/* Footer */
.pg-guide .g-footer { background:#060e1a; padding:30px 24px; text-align:center; font-size:.82rem; color:var(--muted); }
.pg-guide .g-footer a { color:var(--muted); text-decoration:none; }
.pg-guide .g-footer a:hover { color:var(--gold); }
.pg-guide .g-footer .sep { margin:0 8px; opacity:.5; }

/* Responsiv */
@media (max-width: 960px) {
	.pg-guide .g-hero-grid, .pg-guide .g-split { grid-template-columns:1fr; gap:40px; }
	.pg-guide .g-split-rev .g-split-visual { order:2; }
	.pg-guide .g-grid { grid-template-columns:1fr 1fr; }
	.pg-guide .g-buy { grid-template-columns:1fr; padding:32px 26px; }
}
@media (max-width: 600px) {
	.pg-guide .g-logo img { height:56px; }
	.pg-guide .g-header-cta { padding:9px 13px; font-size:.82rem; }
	.pg-guide .g-hero { padding:40px 0 56px; }
	.pg-guide .g-section { padding:60px 0; }
	.pg-guide .g-stats { grid-template-columns:repeat(2,auto); gap:18px 40px; }
	.pg-guide .g-grid { grid-template-columns:1fr; }
	.pg-guide .g-btn { width:100%; }
	.pg-guide .g-cta-row .g-btn-ghost { width:100%; text-align:center; }
	.pg-guide .g-results li { grid-template-columns:1fr; }
	.pg-guide .g-results em { grid-column:1; grid-row:auto; margin-top:4px; }
	.pg-guide .g-facts div { grid-template-columns:1fr; gap:2px; }
}