.variant-page{max-width:1280px;margin:0 auto;padding:36px 24px 64px}.variant-intro{max-width:760px}.variant-intro h1{margin:0 0 12px;font-size:clamp(34px, 4vw, 52px);letter-spacing:0;line-height:1.04}.variant-intro p{margin:0;color:#334155;font-size:17px;line-height:1.75}.variant-intro-actions{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}.variant-grid{margin-top:34px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.variant-shortcuts{margin-top:28px;padding:22px;border-radius:18px;background:linear-gradient(135deg,#fff7ed 0,#fff 100%);border:1px solid #fed7aa}.variant-shortcuts-head h2{margin:0 0 6px;font-size:22px}.variant-shortcuts-head p{margin:0;color:#475569;font-size:15px}.variant-shortcut-grid{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.variant-shortcut{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.92);color:#0f172a;border:1px solid #fdba74;text-decoration:none;box-shadow:0 8px 24px rgba(15,23,42,.05)}.variant-shortcut:hover{text-decoration:none;transform:translateY(-1px)}.variant-shortcut strong{font-size:15px}.variant-shortcut span{font-size:13px;color:#64748b;line-height:1.45}.variant-card{background:#fff;border:1px solid #dbe3ef;border-radius:18px;overflow:hidden;box-shadow:0 14px 40px rgba(15,23,42,.08)}.variant-meta{padding:24px 24px 18px}.variant-meta h2{margin:10px 0 8px;font-size:24px;line-height:1.1}.variant-meta p{margin:0;color:#475569;line-height:1.65;font-size:15px}.variant-facts{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.variant-facts span{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#f8fafc;border:1px solid #dbe3ef;color:#334155;font-size:12px;font-weight:700}.variant-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#e2e8f0;color:#0f172a;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.variant-tag-animated{background:#dbeafe;color:#1d4ed8}.variant-tag-icon{background:#dcfce7;color:#166534}.variant-tag-emoji{background:#fef3c7;color:#b45309}.variant-preview{position:relative;min-height:340px;padding:18px;overflow:hidden}.variant-browser{display:flex;align-items:center;gap:6px;margin-bottom:14px}.variant-browser span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.7)}.variant-hero{position:relative;min-height:274px;border-radius:16px;overflow:hidden;padding:24px;display:flex;flex-direction:column;justify-content:flex-end}.hero-word{font-size:15px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.variant-hero h3{margin:0;font-size:30px;line-height:1.08;letter-spacing:0}.variant-hero p{margin:10px 0 0}.mock-search{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:999px;padding:14px 16px;background:rgba(255,255,255,.92);color:#475569;font-size:14px;box-shadow:0 12px 30px rgba(15,23,42,.12)}.mock-search strong{padding:10px 14px;border-radius:999px;background:#0f172a;color:#fff;font-size:13px}.hero-actions,.local-stamps,.mock-pills,.ops-tags,.panel-row,.stat-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.hero-actions span,.local-footer span,.mock-pills span,.ops-tags span,.panel-row span,.stat-row span{display:inline-flex;align-items:center;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:700}.variant-preview-calm{background:linear-gradient(135deg,#fdf2f2 0,#fff8f4 55%,#fff 100%)}.hero-calm{background:linear-gradient(150deg,#fff 0,#fff5f5 70%,#fee2e2 100%);color:#111827}.hero-calm .mock-pills span{background:#fff;color:#991b1b}.variant-preview-radar{background:radial-gradient(circle at top,#082f49 0,#020617 68%)}.hero-radar{background:linear-gradient(180deg,rgba(8,47,73,.2),rgba(2,6,23,.9)),radial-gradient(circle at center,rgba(56,189,248,.18),transparent 58%);color:#e0f2fe}.ops-grid,.radar-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.16) 1px,transparent 1px);background-size:26px 26px}.radar-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(125,211,252,.45);border-radius:50%;transform:translate(-50%,-50%)}.radar-ring-one{width:120px;height:120px;animation:pulse-ring 4s linear infinite}.radar-ring-two{width:200px;height:200px;animation:pulse-ring 4s linear infinite 1.2s}.hero-ops .hero-copy,.hero-outdoor .hero-copy,.hero-radar .hero-copy,.hero-route .hero-copy{position:relative;z-index:2}.hero-radar .hero-actions span{background:rgba(14,165,233,.18);color:#e0f2fe;border:1px solid rgba(125,211,252,.25)}.variant-preview-icons{background:linear-gradient(135deg,#eff6ff 0,#ecfeff 100%)}.hero-icons{background:linear-gradient(155deg,#0f172a 0,#1e3a8a 68%,#1d4ed8 100%);color:#f8fafc}.icon-grid{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.icon-grid span{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:16px 14px;border-radius:14px;background:rgba(255,255,255,.12);font-size:28px}.icon-grid em{font-style:normal;font-size:12px;color:#cbd5e1}.variant-preview-emoji{background:linear-gradient(135deg,#fefce8 0,#fff7ed 100%)}.hero-emoji{background:linear-gradient(180deg,#fff 0,#fff7ed 56%,#fdba74 100%);color:#7c2d12}.emoji-cloud{position:absolute;top:22px;right:22px;font-size:24px;display:flex;gap:10px;flex-wrap:wrap;width:140px;justify-content:flex-end;animation:drift 10s ease-in-out infinite}.variant-preview-editorial{background:linear-gradient(140deg,#f8fafc 0,#f8f5f2 100%)}.hero-editorial{background:#f8f5f2;color:#1c1917;border:1px solid #d6d3d1;font-family:Georgia,'Times New Roman',serif;justify-content:center}.hero-editorial .hero-word{color:#78716c}.hero-editorial h3{max-width:420px;font-size:34px}.hero-editorial p{font-size:17px;color:#57534e}.editorial-line{margin-top:18px;width:64px;height:3px;background:#b91c1c}.variant-preview-route{background:linear-gradient(135deg,#ecfccb 0,#dcfce7 48%,#dbeafe 100%)}.hero-route{background:radial-gradient(circle at top left,rgba(255,255,255,.95),rgba(255,255,255,.72)),linear-gradient(135deg,#dcfce7,#dbeafe);color:#0f172a}.route-line{position:absolute;inset:0;width:100%;height:100%}.route-line path{fill:none;stroke:#0f766e;stroke-width:5;stroke-linecap:round;stroke-dasharray:12 10;animation:dash 9s linear infinite}.route-point{position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid #0f766e;box-shadow:0 0 0 10px rgba(15,118,110,.12)}.route-point-a{left:18px;bottom:78px}.route-point-b{right:20px;bottom:104px}.variant-preview-civic{background:linear-gradient(135deg,#f1f5f9 0,#dbeafe 100%)}.hero-civic{background:linear-gradient(160deg,#fff 0,#eff6ff 60%,#dbeafe 100%);color:#0f172a}.hero-civic .stat-row span{background:#dbeafe;color:#1d4ed8}.panel-row span{background:rgba(15,23,42,.06);color:#334155}.variant-preview-outdoor{background:linear-gradient(180deg,#dbeafe 0,#ecfccb 100%)}.hero-outdoor{background:linear-gradient(180deg,#bfdbfe 0,#e0f2fe 48%,#ecfccb 100%);color:#14532d}.sun{position:absolute;top:28px;right:36px;width:58px;height:58px;border-radius:50%;background:#fde68a;box-shadow:0 0 0 14px rgba(253,230,138,.26);animation:breathe 5s ease-in-out infinite}.hill{position:absolute;left:-10%;right:-10%;border-radius:50%}.hill-one{bottom:-58px;height:140px;background:#4d7c0f}.hill-two{bottom:-34px;height:110px;background:#65a30d}.variant-preview-ops{background:linear-gradient(140deg,#111827 0,#0f172a 100%)}.hero-ops{background:linear-gradient(180deg,rgba(2,6,23,.32),rgba(15,23,42,.94)),radial-gradient(circle at center,rgba(185,28,28,.18),transparent 60%);color:#f8fafc}.ops-beacon{position:absolute;right:40px;top:46px;width:18px;height:18px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 0 rgba(239,68,68,.5);animation:beacon 2.8s ease-out infinite}.hero-ops .ops-tags span{background:rgba(248,250,252,.08);color:#fca5a5;border:1px solid rgba(248,113,113,.18)}.variant-preview-local{background:linear-gradient(140deg,#fff7ed 0,#ffedd5 100%)}.hero-local{background:linear-gradient(180deg,#fff 0,#fff7ed 58%,#fdba74 100%);color:#7c2d12}.hero-local .local-stamps{position:absolute;top:20px;right:20px;width:150px;justify-content:flex-end}.hero-local .local-stamps span{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 8px 18px rgba(124,45,18,.12)}.local-footer{margin-top:18px}.local-footer span{background:rgba(255,255,255,.8);color:#9a3412}@keyframes pulse-ring{0%{opacity:.2;transform:translate(-50%,-50%) scale(.75)}70%{opacity:.7}100%{opacity:0;transform:translate(-50%,-50%) scale(1.22)}}@keyframes dash{from{stroke-dashoffset:220}to{stroke-dashoffset:0}}@keyframes drift{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes beacon{0%{box-shadow:0 0 0 0 rgba(239,68,68,.45)}100%{box-shadow:0 0 0 28px rgba(239,68,68,0)}}@media (max-width:980px){.variant-shortcut-grid{grid-template-columns:1fr 1fr}.variant-grid{grid-template-columns:1fr}}@media (max-width:640px){.variant-page{padding:28px 16px 52px}.variant-intro p{font-size:16px}.variant-meta{padding:20px 18px 16px}.variant-shortcuts{padding:18px}.variant-shortcut-grid{grid-template-columns:1fr}.variant-preview{min-height:304px;padding:14px}.variant-hero{min-height:248px;padding:18px}.variant-hero h3{font-size:24px}.hero-editorial h3{font-size:28px}.mock-search{padding:12px 12px 12px 14px;font-size:13px}.mock-search strong{padding:9px 11px}.emoji-cloud,.hero-local .local-stamps{position:static;width:auto;justify-content:flex-start;margin-bottom:16px}.sun{width:48px;height:48px;right:24px}.icon-grid{grid-template-columns:1fr 1fr}}