@font-face { font-family: PFDisplay; src: url('/assets/fonts/rajdhani-bold.ttf'); font-weight: 700; font-display: swap; }
@font-face { font-family: PFMono; src: url('/assets/fonts/share-tech-mono.ttf'); font-weight: 400; font-display: swap; }
:root[data-site-theme] {
  --bg:#0c0e0d; --panel:#171b18; --panel-2:#232821; --ink:#f1f5e9; --muted:#aab6a4; --line:#3b4336;
  --sun:#dbff00; --on-accent:#111507; --sky:#6fe0d5; --coral:#ff8876; --leaf:#6fe0d5; --danger:#ff8876;
  --paper:var(--panel); --deep:var(--bg); --shadow:none; --glow:none; --radius:3px;
  --accent:var(--sun); --text:var(--ink); --border:var(--line);
}
:root[data-site-theme="black"] {
  --bg:#101516; --panel:#1a2223; --panel-2:#283335; --ink:#eef6f6; --muted:#a6babb; --line:#3a4a4c;
  --sun:#78eee1; --on-accent:#0e2926; --sky:#f5d272; --leaf:#8de3a3; --coral:#ff9884; --danger:#ff9884; --radius:7px;
}
:root[data-site-theme="white"] {
  --bg:#f5f7f3; --panel:#fff; --panel-2:#e7ede6; --ink:#17251e; --muted:#54655d; --line:#b5c2b5;
  --sun:#d1f32e; --on-accent:#162105; --sky:#007b75; --leaf:#007b75; --coral:#b72d1c; --danger:#b72d1c; --radius:2px;
}
html[data-site-theme] * { letter-spacing:0; }
html[data-site-theme] body { background:var(--bg); color:var(--ink); line-height:1.6; }
html[data-site-theme] :is(button, a, input, select, summary):focus-visible { outline:3px solid var(--sky); outline-offset:3px; }
html[data-site-theme] .wrap { width:min(1180px, calc(100% - 48px)); }
html[data-site-theme] header { background:var(--bg); color:var(--ink); border-bottom:1px solid var(--line); backdrop-filter:none; }
html[data-site-theme] .nav { height:auto; min-height:64px; display:grid; grid-template-columns:1fr auto; gap:0 16px; padding:6px 0; }
html[data-site-theme] .brand { grid-row:1; grid-column:1; }
html[data-site-theme] .brand-logo { width:152px; max-height:48px; }
html[data-site-theme="white"] .brand img { display:none; }
html[data-site-theme="white"] .brand { gap:8px; }
html[data-site-theme="white"] .brand:before { content:''; width:34px; height:34px; background:url('/assets/brand/pikflyer-favicon-180.png') center / contain no-repeat; }
html[data-site-theme="white"] .brand:after { content:'PIK FLYER'; font:700 27px/1 PFDisplay, sans-serif; color:var(--ink); }
html[data-site-theme] :is(.nav-links, .nav-actions) { grid-row:2; grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:8px 22px; padding:4px 0; align-items:center; }
html[data-site-theme] .nav-links a { color:var(--muted); display:inline-flex; min-height:40px; align-items:center; font-size:13px; }
html[data-site-theme] .nav-links a:hover { color:var(--ink); }
html[data-site-theme] .language-picker { color:var(--muted); }
html[data-site-theme] :is(select, input, textarea) { color:var(--ink); background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); font:inherit; }
html[data-site-theme] select { min-height:44px; }
.site-theme-picker { grid-row:1; grid-column:2; display:flex; gap:4px; align-items:center; padding:0; margin:0; max-width:none; }
.site-theme-picker button { width:48px; height:48px; padding:0; display:flex; align-items:center; justify-content:center; gap:5px; border:1px solid var(--line); border-radius:var(--radius); background:var(--panel); color:var(--muted); cursor:pointer; font:16px PFMono, monospace; }
.site-theme-picker button[aria-pressed=true] { border-color:var(--sun); color:var(--ink); box-shadow:inset 0 -3px var(--sun); }
.site-theme-picker i { width:7px; height:14px; background:#dbff00; }
.site-theme-picker [data-site-theme-option=black] i { background:#78eee1; }
.site-theme-picker [data-site-theme-option=white] i { background:#f5f7f3; border:1px solid #8a9a8c; }
html[data-site-theme] section { padding:32px 0; scroll-margin-top:130px; }
html[data-site-theme] main > section:not(.hero) { background:var(--bg); color:var(--ink); border-top:1px solid var(--line); }
html[data-site-theme] main > section:nth-of-type(even):not(.hero) { background:var(--panel); }
html[data-site-theme] .hero {
  --ink:#f1f5e9; --muted:#d3dfd6; --sky:#a1f0e3;
  min-height:360px; display:flex; align-items:center; padding:28px 0 24px;
  background:#0c120f; color:var(--ink); border-bottom:1px solid var(--line);
}
/* Keep the original photograph underneath every theme; only the text scrim changes. */
html[data-site-theme] .hero:before {
  content:''; background:
    linear-gradient(90deg,rgba(7,13,10,.88) 0%,rgba(7,13,10,.64) 48%,rgba(7,13,10,.18) 100%),
    linear-gradient(0deg,rgba(7,13,10,.62),transparent 70%),
    url('https://images.unsplash.com/photo-1713085699732-62b3c4dfee78?q=80&w=1800&auto=format&fit=crop') center/cover;
}
html[data-site-theme] .hero:after { content:none; }
html[data-site-theme] .hero-grid { max-width:1180px; display:block; }
html[data-site-theme] .hero h1 { font:700 76px/1.03 PFDisplay, system-ui, sans-serif; max-width:100%; margin:14px 0; }
html[data-site-theme] .hero h1 span { display:block; max-width:840px; margin-top:8px; font:650 29px/1.4 system-ui, sans-serif; color:var(--ink); }
html[data-site-theme] .hero-copy { font-size:16px; color:var(--muted); max-width:900px; margin-bottom:22px; }
html[data-site-theme="classic"] .hero h1 { color:var(--sun); }
html[data-site-theme="black"] .hero h1 { color:var(--sun); }
html[data-site-theme] :is(.pill, .platform-kicker, .eyebrow) { border:0; padding:0; background:none; color:var(--sky); border-radius:0; font-size:12px; line-height:1.5; }
html[data-site-theme] .platform-choice { gap:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin:24px 0 12px; }
html[data-site-theme] section.platform-setup { padding:0 0 24px; border-top:0; background:var(--bg); }
html[data-site-theme] .platform-setup .platform-choice { margin-top:0; border-top:0; }
.platform-product { margin:24px 0 12px; }
.platform-product img { display:block; width:100%; height:auto; aspect-ratio:1672/941; object-fit:contain; }
.platform-product figcaption { padding:12px 0 0; color:var(--muted); font-size:14px; line-height:1.6; }
html[data-site-theme] .platform-choice-item { border:0; border-radius:0; padding:14px 16px 14px 0; background:none; box-shadow:none; min-width:0; }
html[data-site-theme] .platform-choice-item + .platform-choice-item { border-left:1px solid var(--line); padding-left:16px; padding-right:0; }
html[data-site-theme] .platform-choice-item h2 { font-size:23px; margin:6px 0 10px; }
html[data-site-theme] .platform-choice-item p { font-size:14px; color:var(--muted); margin:8px 0; }
html[data-site-theme] .platform-flow { font-size:13px; color:var(--muted); margin:12px 0; gap:4px; }
html[data-site-theme] .platform-flow b { border-radius:1px; background:var(--panel-2); color:var(--sky); font-family:PFMono, monospace; }
html[data-site-theme] .platform-choice-actions { gap:8px; }
html[data-site-theme] .platform-choice-actions .btn { flex:1 1 140px; padding:10px 12px; font-size:14px; }
html[data-site-theme] :is(.platform-choice-meta, .release-meta) { font:12px/1.6 system-ui, sans-serif; color:var(--muted); }
html[data-site-theme] :is(.btn, .phone-btn, .download) { border-radius:var(--radius); min-height:48px; box-shadow:none; font-size:14px; transition:background .15s ease; }
html[data-site-theme] .btn:hover { transform:none; filter:brightness(1.08); }
html[data-site-theme] :is(.btn-primary, .btn.primary, .phone-btn, .plan-card-free .plan-card-action .btn, .community-actions .btn) { background:var(--sun); color:var(--on-accent); border-color:var(--sun); box-shadow:none; }
html[data-site-theme] .btn-secondary { background:var(--panel-2); color:var(--ink); border-color:var(--line); }
html[data-site-theme] .btn-muted { background:var(--panel-2); color:var(--muted); border-color:var(--line); }
html[data-site-theme] :is(.release-banner, .hero-release-card) { background:none; border:0; padding:6px 0; box-shadow:none; color:var(--muted); }
html[data-site-theme] .micro-link { color:var(--sky); }
html[data-site-theme] :is(.section-head h2, .download-main h2, .plan-comparison-head h2, .life-panel h2, .usecase-panel h2, .community-copy h2) { font-size:30px; line-height:1.3; }
html[data-site-theme] :is(.card, .review-card, .usecase, .life-card, .step, .install-check, .faq details, .image-credits) { background:var(--panel); color:var(--ink); border:1px solid var(--line); border-radius:var(--radius); box-shadow:none; }
html[data-site-theme] :is(.reviews-shell, .download-panel, .usecase-panel, .life-panel, .setup-copy) { background:transparent; color:var(--ink); border:0; border-radius:0; box-shadow:none; padding:0; }
html[data-site-theme] :is(.download-box, .plan-card-free, .plan-card-pro, .plan-table-shell, .platform, .phone-shot, .safety) { background:var(--panel-2); color:var(--ink); border:1px solid var(--line); border-radius:var(--radius); box-shadow:none; }
html[data-site-theme] .plan-card-pro { border-top:3px solid var(--sun); }
html[data-site-theme] .download-box { background:none; border:0; border-top:1px solid var(--line); border-radius:0; padding:20px 0; }
html[data-site-theme] .download-main { padding:0; }
html[data-site-theme] .download-path:first-child { padding-left:0; }
html[data-site-theme] .download-path:last-child { padding-right:0; }
html[data-site-theme] .computer-download { background:var(--panel); border-color:var(--line); color:var(--ink); border-radius:var(--radius); }
html[data-site-theme] :is(.computer-download-icon, .download-path-mark, .step:before, .setup-list b, .plan-card-badge) { background:var(--sun); color:var(--on-accent); border-radius:var(--radius); font-family:PFMono, monospace; }
html[data-site-theme] :is(.note, main > section:not(.hero) .note, .section-head p, .card p, .review-card blockquote, .review-card figcaption span, .usecase span, .usecase-panel p, .life-panel p, .life-card span, .download-lead, .download-path > p:not(.download-path-label):not(.release-meta), .download-box p, .download-plan-details, .plan-card-copy, .plan-detail-head p, .plan-cell, .install-check span, .setup-list li, .community-copy p, .computer-download small, .footer-disclaimer) { color:var(--muted); }
html[data-site-theme] :is(.review-card figcaption, .plan-cell strong, .plan-feature, .image-credits summary, .image-credits a, .download-help-link, .plan-unlimited-list li, .footer-grid a) { color:var(--ink); }
html[data-site-theme] :is(.plan-card-pro .plan-card-title, .plan-card-note, .plan-card-metric strong, .plan-pro-value, .computer-download-cta, .download-path-label, .price span) { color:var(--sky); }
html[data-site-theme] .price, html[data-site-theme] .plan-card-metric strong { font-family:PFDisplay, system-ui, sans-serif; }
html[data-site-theme] .plan-card-title { font-size:34px; }
html[data-site-theme] .plan-card-metric span { color:var(--muted); }
html[data-site-theme] .plan-table th { background:var(--panel-2); color:var(--ink); }
html[data-site-theme] .plan-table th:last-child { background:var(--sun); color:var(--on-accent); }
html[data-site-theme] .plan-table :is(th, td) { border-color:var(--line); }
html[data-site-theme] .plan-table :is(td:nth-child(2), td:nth-child(3), tbody tr:nth-child(even)) { background:transparent; }
html[data-site-theme] .landmark { border-radius:var(--radius); box-shadow:none; }
html[data-site-theme] .phone-screen, html[data-site-theme] .phone-screen.dark { background:var(--panel); color:var(--ink); border-radius:var(--radius); border-color:var(--line); }
html[data-site-theme] .phone-row { border-radius:var(--radius); border-color:var(--line); background:var(--panel-2); }
html[data-site-theme] .phone-toggle { background:var(--sun); }
html[data-site-theme] footer { background:var(--bg); color:var(--muted); border-color:var(--line); }
html[data-site-theme] .review-dot { width:44px; height:44px; border-radius:0; background:transparent; position:relative; }
html[data-site-theme] .review-dot:after { content:''; position:absolute; left:8px; right:8px; top:20px; height:3px; background:var(--line); }
html[data-site-theme] .review-dot.active:after { background:var(--sky); }
html[data-site-theme] :is(.device-tab, .setup-step, .guide-card, .trouble-card, .guide-section, .notice) { background:var(--panel); color:var(--ink); border-color:var(--line); border-radius:var(--radius); box-shadow:none; }
html[data-site-theme] :is(.device-tab.active, .device-tab[aria-selected=true]) { background:var(--sun); color:var(--on-accent); }
html[data-site-theme] .lead { color:var(--muted); font-size:17px; }
html[data-site-theme] .video-frame { border-radius:var(--radius); }
html[data-site-theme] .legal .site-theme-picker { justify-content:flex-end; margin-bottom:16px; }
html[data-site-theme] .legal :is(h1, h2, h3, strong) { color:var(--ink); }
html[data-site-theme] body > nav { background:var(--bg); border-color:var(--line); color:var(--ink); }
html[data-site-theme] .lang-toggle { border-radius:var(--radius); background:var(--panel-2); color:var(--ink); }
html[data-site-theme] .lang-toggle button { color:var(--muted); min-height:44px; }
html[data-site-theme] .lang-toggle button.active { color:var(--on-accent); background:var(--sun); border-radius:var(--radius); }
html[data-site-theme] :is(.card, .review-card, .life-card, .step, .install-check, .plan-card-free, .plan-card-pro) { padding:16px; }
html[data-site-theme] :is(.cards, .steps, .plan-cards, .life-grid, .community-actions, .download-actions) { gap:12px; }
html[data-site-theme] :is(.section-head, .plan-comparison-head, .plan-detail-head) { margin-bottom:16px; }
html[data-site-theme] :is(.card h3, .step h3, .life-card h3) { margin:0 0 6px; }
html[data-site-theme] :is(.plan-card-action, .card .btn, .step .btn) { margin-top:12px; }
html[data-site-theme] :is(.plan-table th, .plan-table td) { padding:10px 12px; }
html[data-site-theme] .hero h1[data-key="title"] { font-size:38px; line-height:1.2; }
html[data-site-theme] .hero-actions { margin-top:14px; gap:6px; }
html[data-site-theme] .hero-actions .btn:not(.primary) { background:var(--panel-2); color:var(--ink); }
html[data-site-theme] .video-frame { width:min(100%, 300px); margin:24px 0 0; box-shadow:none; }
html[data-site-theme] :is(.desktop-guide, .desktop-troubleshooting, .mission) { background:transparent; border-radius:0; box-shadow:none; }
html[data-site-theme] .desktop-guides { gap:20px; }
html[data-site-theme] .desktop-guide-body { padding:16px; }
html[data-site-theme] :is(.desktop-troubleshooting, .mission) { padding:16px 0; gap:16px; }
html[data-site-theme] .desktop-note { background:var(--panel-2); color:var(--ink); padding:10px 12px; }
html[data-site-theme] :is(.tutorial-card, .tutorial-card figcaption) { background:var(--panel); color:var(--ink); }
html[data-site-theme] .setup-step { gap:12px; padding:12px 0; }
html[data-site-theme] :is(.step-number, .device-guide li::before) { border-radius:var(--radius); background:var(--sun); color:var(--on-accent); font-family:PFMono, monospace; }
html[data-site-theme] :is(.tag, .tag.recommended) { border-radius:var(--radius); background:var(--panel-2); color:var(--sky); }
html[data-site-theme] .support-band { background:var(--panel-2) !important; color:var(--ink); }
html[data-site-theme] .support-row p { color:var(--muted); }
html[data-site-theme] .nav-actions :is(select, .download) { background:var(--panel-2); color:var(--ink); border-color:var(--line); }
html[data-site-theme] body:has(#lookup) header > div { flex-wrap:wrap; padding:8px 16px; }
html[data-site-theme] body:has(#lookup) .site-theme-picker { flex-basis:100%; }
html[data-site-theme] body:has(#lookup) :is(h2, header a, footer a) { color:var(--sky); }
html[data-site-theme] body:has(#lookup) :is(#count, #version, footer) { color:var(--muted); }
@media(max-width:880px) {
  html[data-site-theme] .wrap { width:calc(100% - 28px); }
  html[data-site-theme] .nav-links { flex-wrap:nowrap; overflow:auto; gap:16px; }
  html[data-site-theme] .nav-links a { display:inline-flex; flex-shrink:0; }
  html[data-site-theme] .hero h1 { font-size:56px; }
  html[data-site-theme] .hero h1 span { font-size:23px; }
  html[data-site-theme] .hero { padding:24px 0; }
  html[data-site-theme] .platform-choice-item { padding:16px 0; }
  html[data-site-theme] .platform-choice-item + .platform-choice-item { border-left:0; border-top:1px solid var(--line); padding:16px 0; }
  html[data-site-theme] .platform-choice-item h2 { font-size:20px; }
  html[data-site-theme] :is(.section-head h2, .download-main h2, .plan-comparison-head h2, .life-panel h2, .usecase-panel h2, .community-copy h2) { font-size:25px; }
  html[data-site-theme] .download-path { padding:20px 0; }
  html[data-site-theme] .plan-card-title { font-size:28px; }
}
@media(prefers-reduced-motion:reduce) { html[data-site-theme] * { scroll-behavior:auto !important; transition:none !important; animation:none !important; } }