@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;500;600&family=Outfit:wght@400;500;600;700;800;900&family=Source+Sans+3:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap");:root{--bg-primary:#030305;--bg-secondary:#08080c;--bg-tertiary:#0e0e14;--bg-card:#0a0a10;--bg-card-hover:#0f0f17;--bg-code:#06060a;--border-primary:#16161f;--border-secondary:#101018;--border-accent:#7c3aed;--text-primary:#e4e4ec;--text-secondary:#8888a0;--text-muted:#4a4a62;--text-link:#a78bfa;--text-link-hover:#c4b5fd;--accent-blue:#3b82f6;--accent-green:#22c55e;--accent-purple:#a855f7;--accent-orange:#f59e0b;--accent-red:#ef4444;--accent-cyan:#06b6d4;--accent-pink:#ec4899;--accent-indigo:#818cf8;--accent-lime:#84cc16;--accent-violet:#8b5cf6;--accent-rose:#f43f5e;--accent-amber:#f59e0b;--accent-teal:#14b8a6;--gradient-hero:linear-gradient( 160deg,#0a0a12 0%,#12101e 35%,#1a1028 70%,#0e0a18 100% );--gradient-card:linear-gradient(180deg,#0a0a10 0%,#08080c 100%);--gradient-subtle:linear-gradient( 135deg,rgba(124,58,237,0.04) 0%,rgba(99,102,241,0.03) 100% );--gradient-border:linear-gradient(135deg,#1e1e2e 0%,#141420 100%);--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 2px 6px rgba(0,0,0,0.3);--shadow-lg:0 4px 12px rgba(0,0,0,0.4);--shadow-glow:0 0 20px rgba(124,58,237,0.08);--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:"Outfit","IBM Plex Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"IBM Plex Mono","JetBrains Mono","Fira Code",monospace;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient( ellipse at 20% 0%,rgba(124,58,237,0.03) 0%,transparent 50% ),radial-gradient( ellipse at 80% 100%,rgba(99,102,241,0.02) 0%,transparent 50% )}body[data-theme="dark-lab"]{--bg-primary:#111516;--bg-secondary:rgba(21,26,28,0.88);--bg-tertiary:#1a2022;--bg-card:rgba(20,25,27,0.94);--bg-card-hover:rgba(24,31,34,0.98);--bg-code:#14191b;--border-primary:rgba(143,182,186,0.16);--border-secondary:rgba(143,182,186,0.09);--border-accent:#78aeb8;--text-primary:#f4eee3;--text-secondary:#c7beb1;--text-muted:#8d8376;--text-link:#8bc0c7;--text-link-hover:#cbe6e2;--accent-blue:#78aeb8;--accent-green:#7b9662;--accent-purple:#c57a54;--accent-orange:#d69658;--accent-red:#b96a63;--accent-cyan:#78aeb8;--accent-pink:#ca877d;--accent-indigo:#97b7b5;--accent-lime:#93a962;--accent-violet:#d69658;--accent-rose:#ca7b68;--accent-amber:#d6a05a;--accent-teal:#78aeb8;--gradient-hero:linear-gradient(135deg,rgba(24,29,31,0.98) 0%,rgba(20,25,27,0.98) 100%);--gradient-card:linear-gradient(180deg,rgba(21,26,28,0.98) 0%,rgba(17,21,22,0.94) 100%);--gradient-subtle:linear-gradient(135deg,rgba(120,174,184,0.1) 0%,rgba(214,150,88,0.08) 100%);--gradient-border:linear-gradient(135deg,rgba(120,174,184,0.15) 0%,rgba(214,150,88,0.18) 100%);--shadow-sm:0 10px 24px rgba(0,0,0,0.22);--shadow-md:0 20px 48px rgba(0,0,0,0.3);--shadow-lg:0 34px 90px rgba(0,0,0,0.36);--shadow-glow:0 10px 30px rgba(120,174,184,0.14);--font-body:"Source Sans 3","IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:"Fraunces",Georgia,serif;color-scheme:dark;background-color:var(--bg-primary);background-image:linear-gradient(rgba(244,238,227,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(244,238,227,0.03) 1px,transparent 1px),radial-gradient(circle at top left,rgba(120,174,184,0.12) 0%,transparent 28%),radial-gradient(circle at bottom right,rgba(214,150,88,0.12) 0%,transparent 24%),linear-gradient(180deg,#131819 0%,#0f1314 100%);background-size:34px 34px,34px 34px,auto,auto,auto}body[data-theme="dark-lab"]::selection{background:rgba(120,174,184,0.24)}body[data-theme="atlas"]{--bg-primary:#ebe1cf;--bg-secondary:rgba(255,249,239,0.86);--bg-tertiary:#f7eddc;--bg-card:rgba(255,250,242,0.94);--bg-card-hover:rgba(255,253,248,0.98);--bg-code:#f3e8d7;--border-primary:rgba(36,42,47,0.16);--border-secondary:rgba(36,42,47,0.1);--border-accent:#2f6b74;--text-primary:#1f252b;--text-secondary:#404a51;--text-muted:#7f705f;--text-link:#235d66;--text-link-hover:#163f45;--accent-blue:#2d7285;--accent-green:#5c7d45;--accent-purple:#9c5b3b;--accent-orange:#c9792d;--accent-red:#b65452;--accent-cyan:#2d7285;--accent-pink:#b35a71;--accent-indigo:#587383;--accent-lime:#849e42;--accent-violet:#9c5b3b;--accent-rose:#bc6053;--accent-amber:#c98934;--accent-teal:#235d66;--gradient-hero:linear-gradient( 135deg,rgba(255,248,237,0.96) 0%,rgba(245,231,205,0.98) 100% );--gradient-card:linear-gradient( 180deg,rgba(255,252,246,0.96) 0%,rgba(246,236,216,0.94) 100% );--gradient-subtle:linear-gradient( 135deg,rgba(35,93,102,0.08) 0%,rgba(201,121,45,0.06) 100% );--gradient-border:linear-gradient( 135deg,rgba(35,93,102,0.12) 0%,rgba(201,121,45,0.16) 100% );--shadow-sm:0 10px 24px rgba(74,56,35,0.08);--shadow-md:0 18px 40px rgba(74,56,35,0.12);--shadow-lg:0 28px 70px rgba(74,56,35,0.16);--shadow-glow:0 10px 30px rgba(35,93,102,0.12);--font-body:"Source Sans 3","IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:"Fraunces",Georgia,serif;color-scheme:light;background-color:var(--bg-primary);background-image:linear-gradient(rgba(31,37,43,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(31,37,43,0.035) 1px,transparent 1px),radial-gradient( circle at top left,rgba(35,93,102,0.08) 0%,transparent 28% ),radial-gradient( circle at bottom right,rgba(201,121,45,0.08) 0%,transparent 24% ),linear-gradient(180deg,#efe6d6 0%,#e6d8c2 100%);background-size:34px 34px,34px 34px,auto,auto,auto}body[data-theme="atlas"]::selection{background:rgba(35,93,102,0.18)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.3;color:var(--text-primary);margin-bottom:var(--space-md)}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-0.03em;background:linear-gradient(135deg,#e4e4ec 0%,#a78bfa 50%,#818cf8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:clamp(1.5rem,4vw,2.25rem);letter-spacing:-0.02em;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-primary);margin-top:var(--space-2xl);color:var(--accent-violet)}h3{font-size:clamp(1.25rem,3vw,1.5rem);color:var(--accent-indigo);font-weight:700}h4{font-size:1.125rem;color:var(--accent-purple);font-weight:600}p{margin-bottom:var(--space-md);color:var(--text-secondary)}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-link-hover);text-decoration:underline}strong{font-weight:600;color:var(--text-primary)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-xl)}.container-narrow{max-width:1100px}main{padding:var(--space-2xl) 0 var(--space-3xl)}section{margin-bottom:var(--space-3xl)}.nav{position:sticky;top:0;z-index:1000;background:rgba(3,3,5,0.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-primary);padding:var(--space-sm) 0}.nav-container{display:flex;align-items:center;gap:var(--space-lg);max-width:1200px;margin:0 auto;padding:0 var(--space-lg);flex-wrap:wrap}.nav-logo{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm)}.nav-logo:hover{text-decoration:none;color:var(--accent-violet)}.nav-logo-icon{font-size:1.5rem}.nav-links{display:flex;list-style:none;gap:2px;flex-wrap:wrap;margin-left:auto}.nav-links a{display:block;padding:6px 12px;border-radius:var(--radius-sm);font-size:0.8rem;font-weight:500;font-family:var(--font-mono);color:var(--text-muted);transition:color var(--transition-fast),background var(--transition-fast);letter-spacing:0.02em}.nav-links a:hover{color:var(--text-primary);background:var(--bg-tertiary);text-decoration:none}.nav-links a.active{color:var(--accent-violet);background:rgba(139,92,246,0.08)}.nav-toggle{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:var(--space-sm)}@media (max-width:768px){.nav-toggle{display:block}.nav-container{justify-content:space-between}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:var(--space-md);margin-left:0}.nav-links.open{display:flex}}.theme-switcher{display:inline-flex;align-items:center;gap:4px;padding:4px;background:rgba(255,255,255,0.03);border:1px solid var(--border-primary);border-radius:999px;box-shadow:var(--shadow-sm)}.theme-switcher-btn{appearance:none;border:0;border-radius:999px;background:transparent;color:var(--text-muted);cursor:pointer;font-family:var(--font-mono);font-size:0.72rem;font-weight:600;letter-spacing:0.08em;padding:8px 12px;text-transform:uppercase;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.theme-switcher-btn:hover,.theme-switcher-btn:focus-visible{color:var(--text-primary);outline:none}.theme-switcher-btn[aria-pressed="true"]{background:var(--bg-card);color:var(--text-primary)}body[data-theme="atlas"] .theme-switcher{background:rgba(255,251,244,0.84);border-color:rgba(36,42,47,0.14)}body[data-theme="atlas"] .theme-switcher-btn[aria-pressed="true"]{background:#1f252b;color:#fbf6ee}body[data-theme="dark-lab"] .theme-switcher{background:rgba(16,21,22,0.84);border-color:rgba(120,174,184,0.16)}body[data-theme="dark-lab"] .theme-switcher-btn[aria-pressed="true"]{background:rgba(244,238,227,0.12);color:var(--text-primary)}@media (max-width:768px){.theme-switcher{order:3;width:100%;justify-content:center}}.hero{text-align:center;padding:var(--space-3xl) 0;background:var(--gradient-hero);margin:calc(var(--space-lg) * -1) calc(var(--space-lg) * -1) var(--space-2xl);border-radius:0 0 var(--radius-xl) var(--radius-xl);position:relative;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient( ellipse at 30% 20%,rgba(124,58,237,0.06) 0%,transparent 50% ),radial-gradient( ellipse at 70% 80%,rgba(99,102,241,0.04) 0%,transparent 50% );pointer-events:none}body[data-theme="atlas"] .hero{text-align:left;padding:calc(var(--space-2xl) + 0.5rem) var(--space-2xl);margin:0 0 var(--space-2xl);border-radius:var(--radius-xl);border:1px solid rgba(36,42,47,0.12);box-shadow:var(--shadow-lg)}body[data-theme="atlas"] .hero::before{background:radial-gradient( circle at top left,rgba(35,93,102,0.12) 0%,transparent 30% ),linear-gradient(90deg,rgba(35,93,102,0.08),transparent 18%),radial-gradient( circle at bottom right,rgba(201,121,45,0.1) 0%,transparent 28% )}body[data-theme="atlas"] .hero::after{content:"FIELD NOTES";position:absolute;top:18px;right:20px;font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.18em;color:var(--text-muted);transform:rotate(-2deg)}body[data-theme="dark-lab"] .hero{text-align:left;padding:calc(var(--space-2xl) + 0.5rem) var(--space-2xl);margin:0 0 var(--space-2xl);border-radius:var(--radius-xl);border:1px solid rgba(120,174,184,0.14);box-shadow:var(--shadow-lg)}body[data-theme="dark-lab"] .hero::before{background:radial-gradient(circle at top left,rgba(120,174,184,0.14) 0%,transparent 30%),linear-gradient(90deg,rgba(120,174,184,0.08),transparent 18%),radial-gradient(circle at bottom right,rgba(214,150,88,0.12) 0%,transparent 28%)}body[data-theme="dark-lab"] .hero::after{content:"NIGHT SHIFT";position:absolute;top:18px;right:20px;font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.18em;color:var(--text-muted);transform:rotate(-2deg)}body[data-theme="dark-lab"] .hero-subtitle{margin:0;max-width:58ch;color:var(--text-secondary);font-size:1.14rem}body[data-theme="dark-lab"] .hero-badge{background:rgba(120,174,184,0.1);border-color:rgba(120,174,184,0.18);color:var(--accent-teal);margin-bottom:var(--space-lg)}body[data-theme="dark-lab"] h1{background:linear-gradient(135deg,#f4eee3 0%,#d7d2c6 42%,#87bbc4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}body[data-theme="dark-lab"] h2{color:var(--text-primary);border-bottom-color:rgba(120,174,184,0.12)}body[data-theme="dark-lab"] h3{color:var(--accent-teal)}body[data-theme="dark-lab"] h4{color:var(--accent-orange)}body[data-theme="atlas"] .hero-subtitle{margin:0;max-width:58ch;color:var(--text-secondary);font-size:1.14rem}body[data-theme="atlas"] .hero-badge{background:rgba(35,93,102,0.08);border-color:rgba(35,93,102,0.16);color:var(--accent-teal);margin-bottom:var(--space-lg)}body[data-theme="atlas"] h1{background:none;-webkit-text-fill-color:initial;color:var(--text-primary);font-weight:700}body[data-theme="atlas"] h2{color:var(--text-primary);border-bottom-color:rgba(36,42,47,0.12)}body[data-theme="atlas"] h3{color:var(--accent-teal)}body[data-theme="atlas"] h4{color:var(--accent-violet)}@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.hero h1{margin-bottom:var(--space-md);position:relative}.hero-subtitle{font-size:1.15rem;color:rgba(228,228,236,0.7);max-width:640px;margin:0 auto var(--space-xl);position:relative;line-height:1.8}.hero-badge{display:inline-block;background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);padding:var(--space-sm) var(--space-lg);border-radius:50px;font-size:0.8rem;font-family:var(--font-mono);color:var(--accent-violet);letter-spacing:0.03em;position:relative}.hero-pi{background:linear-gradient( 160deg,#0a0a14 0%,#12101e 40%,#16122a 70%,#0c0a16 100% )}.hero-pi::before{content:"";position:absolute;inset:0;background:radial-gradient( ellipse at 50% 30%,rgba(139,92,246,0.08) 0%,transparent 50% ),radial-gradient( ellipse at 80% 70%,rgba(124,58,237,0.05) 0%,transparent 50% );pointer-events:none}.hero-codex{background:linear-gradient( 160deg,#06060e 0%,#0e0c1a 40%,#141024 70%,#0a0814 100% )}.hero-codex::before{content:"";position:absolute;inset:0;background:radial-gradient( ellipse at 30% 40%,rgba(176,136,249,0.1) 0%,transparent 50% ),radial-gradient( ellipse at 70% 60%,rgba(121,192,255,0.06) 0%,transparent 50% );pointer-events:none}.hero-comparison{background:linear-gradient( 160deg,#08060e 0%,#120e1a 40%,#1a1028 70%,#0c0814 100% )}.hero-comparison::before{content:"";position:absolute;inset:0;background:radial-gradient( ellipse at 25% 40%,rgba(255,123,114,0.08) 0%,transparent 50% ),radial-gradient( ellipse at 75% 60%,rgba(176,136,249,0.08) 0%,transparent 50% );pointer-events:none}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-xl);transition:border-color var(--transition-base),background var(--transition-base)}.card:hover{border-color:rgba(124,58,237,0.3);background:var(--bg-card-hover)}body[data-theme="atlas"] .card{position:relative;background:var(--gradient-card);border-color:rgba(36,42,47,0.12);box-shadow:var(--shadow-sm)}body[data-theme="atlas"] .card::before{content:"";position:absolute;left:18px;right:18px;top:14px;height:1px;background:linear-gradient( 90deg,rgba(35,93,102,0.18),rgba(201,121,45,0.18) )}body[data-theme="atlas"] .card:hover{transform:translateY(-3px);border-color:rgba(35,93,102,0.2)}body[data-theme="dark-lab"] .card{position:relative;background:var(--gradient-card);border-color:rgba(120,174,184,0.12);box-shadow:var(--shadow-sm)}body[data-theme="dark-lab"] .card::before{content:"";position:absolute;left:18px;right:18px;top:14px;height:1px;background:linear-gradient(90deg,rgba(120,174,184,0.22),rgba(214,150,88,0.22))}body[data-theme="dark-lab"] .card:hover{transform:translateY(-3px);border-color:rgba(120,174,184,0.2)}.card-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.card-icon{font-size:2rem}.card-title{font-size:1.25rem;margin:0;color:var(--text-primary);font-family:var(--font-heading);font-weight:700}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.card-cline{border-left:3px solid var(--accent-green)}.card-codex{border-left:3px solid var(--accent-purple)}.card-opencode{border-left:3px solid var(--accent-orange)}.card-aider{border-left:3px solid var(--accent-blue)}.card-grok{border-left:3px solid var(--accent-cyan)}.card-pi{border-left:3px solid var(--accent-violet)}pre,code{font-family:var(--font-mono)}code{background:var(--bg-code);padding:0.15em 0.4em;border-radius:var(--radius-sm);font-size:0.875em;color:var(--accent-cyan);border:1px solid var(--border-secondary)}pre{background:var(--bg-code);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-lg);overflow-x:auto;margin:var(--space-md) 0 var(--space-lg);position:relative}pre code{background:none;padding:0;border:none;font-size:0.85rem;color:var(--text-primary);line-height:1.6}.code-header{display:flex;justify-content:space-between;align-items:center;background:var(--bg-tertiary);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md) var(--radius-md) 0 0;border:1px solid var(--border-primary);border-bottom:none;margin-top:var(--space-md)}.code-header + pre{margin-top:0;border-radius:0 0 var(--radius-md) var(--radius-md)}.code-lang{font-size:0.7rem;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;color:var(--accent-violet);letter-spacing:0.08em}.token-keyword{color:var(--accent-violet);font-weight:500}.token-string{color:var(--accent-green)}.token-comment{color:var(--text-muted);font-style:italic}.token-function{color:var(--accent-blue)}.token-number{color:var(--accent-orange)}.token-operator{color:var(--accent-pink)}.token-added{color:var(--accent-green);background:rgba(34,197,94,0.1)}.token-removed{color:var(--accent-red);background:rgba(239,68,68,0.1)}.table-wrapper{overflow-x:auto;margin:var(--space-lg) 0;border-radius:var(--radius-md);border:1px solid var(--border-primary)}body[data-theme="atlas"] .table-wrapper{background:rgba(255,251,244,0.92);box-shadow:var(--shadow-sm)}body[data-theme="dark-lab"] .table-wrapper{background:rgba(20,25,27,0.92);box-shadow:var(--shadow-sm)}body[data-theme="atlas"] thead{background:#f3e8d7}body[data-theme="dark-lab"] thead{background:rgba(29,36,38,0.96)}body[data-theme="atlas"] tbody tr:hover{background:rgba(35,93,102,0.06)}body[data-theme="dark-lab"] tbody tr:hover{background:rgba(120,174,184,0.08)}table{width:100%;border-collapse:collapse;font-size:0.875rem}thead{background:var(--bg-tertiary)}th{text-align:left;padding:10px 16px;font-weight:600;font-family:var(--font-mono);font-size:0.8rem;color:var(--accent-violet);white-space:nowrap;border-bottom:1px solid var(--border-primary);letter-spacing:0.03em;text-transform:uppercase}td{padding:10px 16px;border-bottom:1px solid var(--border-secondary);color:var(--text-secondary)}tbody tr:hover{background:var(--bg-secondary)}tbody tr:last-child td{border-bottom:none}blockquote{background:var(--bg-secondary);border-left:3px solid var(--accent-violet);padding:var(--space-lg);margin:var(--space-lg) 0;border-radius:0 var(--radius-md) var(--radius-md) 0}blockquote p{margin:0;font-style:italic;color:var(--text-secondary)}blockquote cite{display:block;margin-top:var(--space-sm);font-size:0.85rem;color:var(--text-muted)}body[data-theme="atlas"] blockquote{background:rgba(255,251,244,0.76);border-left-color:var(--accent-teal)}body[data-theme="dark-lab"] blockquote{background:rgba(22,28,30,0.88);border-left-color:var(--accent-orange)}.callout{display:flex;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-md);margin:var(--space-lg) 0;border:1px solid var(--border-primary);background:var(--bg-secondary)}.callout-icon{font-size:1.5rem;flex-shrink:0}.callout-content h4{margin-bottom:var(--space-xs);color:var(--text-primary)}.callout-content p:last-child{margin-bottom:0}.callout-info{border-color:rgba(124,58,237,0.25)}.callout-warning{border-color:rgba(245,158,11,0.25)}.callout-tip{border-color:rgba(34,197,94,0.25)}.badge{display:inline-block;padding:0.2em 0.6em;font-size:0.7rem;font-weight:600;font-family:var(--font-mono);border-radius:4px;text-transform:uppercase;letter-spacing:0.04em;border:1px solid transparent}.badge-blue{background:rgba(59,130,246,0.1);color:var(--accent-blue);border-color:rgba(59,130,246,0.2)}.badge-green{background:rgba(34,197,94,0.1);color:var(--accent-green);border-color:rgba(34,197,94,0.2)}.badge-purple{background:rgba(168,85,247,0.1);color:var(--accent-purple);border-color:rgba(168,85,247,0.2)}.badge-orange{background:rgba(245,158,11,0.1);color:var(--accent-orange);border-color:rgba(245,158,11,0.2)}.badge-red{background:rgba(239,68,68,0.1);color:var(--accent-red);border-color:rgba(239,68,68,0.2)}.badge-indigo{background:rgba(129,140,248,0.1);color:var(--accent-indigo);border-color:rgba(129,140,248,0.2)}ul,ol{margin:var(--space-md) 0;padding-left:var(--space-xl);color:var(--text-secondary)}li{margin-bottom:var(--space-sm)}li::marker{color:var(--accent-indigo)}.checklist{list-style:none;padding:0}.checklist li{display:flex;align-items:flex-start;gap:var(--space-sm);padding:6px 0;color:var(--text-secondary)}.checklist li::before{content:"✓";color:var(--accent-green);font-weight:bold;font-size:0.9rem}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-md);margin:var(--space-xl) 0}.comparison-item{text-align:center;padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.comparison-item h4{margin-bottom:var(--space-sm);color:var(--text-primary);font-family:var(--font-heading)}.comparison-item strong{color:var(--accent-violet);font-family:var(--font-mono);font-size:0.9rem}.comparison-bar{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;margin-top:var(--space-sm)}.comparison-bar-fill{height:100%;border-radius:3px;transition:width var(--transition-slow)}.flow-diagram{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl);margin:var(--space-xl) 0}.flow-step{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);width:100%;max-width:560px}.flow-step-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(124,58,237,0.15);color:var(--accent-violet);border-radius:6px;font-weight:700;font-size:0.8rem;font-family:var(--font-mono);flex-shrink:0}.flow-arrow{font-size:1.25rem;color:var(--text-muted)}.tabs{margin:var(--space-xl) 0}.tab-buttons{display:flex;gap:2px;border-bottom:1px solid var(--border-primary);padding-bottom:0;overflow-x:auto}.tab-btn{background:none;border:none;padding:8px 16px;font-family:var(--font-mono);font-size:0.8rem;font-weight:500;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:color var(--transition-fast);white-space:nowrap;letter-spacing:0.02em}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent-violet);background:var(--bg-secondary);border-bottom:2px solid var(--accent-violet);margin-bottom:-1px}.tab-content{display:none;padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-primary);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md)}.tab-content.active{display:block}.collapsible{margin:var(--space-md) 0}.collapsible-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.collapsible-header:hover{background:var(--bg-tertiary)}.collapsible-header h4{margin:0;color:var(--text-primary)}.collapsible-icon{transition:transform var(--transition-fast);color:var(--text-muted);font-size:1.2rem}.collapsible.open .collapsible-icon{transform:rotate(180deg)}.collapsible-content{display:none;padding:var(--space-lg);border:1px solid var(--border-primary);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--bg-secondary)}.collapsible.open .collapsible-content{display:block}footer{background:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:var(--space-2xl) 0;margin-top:var(--space-3xl)}.footer-content{text-align:center;color:var(--text-muted);font-size:0.8rem;font-family:var(--font-mono)}.footer-links{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-md);list-style:none;padding:0;flex-wrap:wrap}.footer-links a{color:var(--text-muted);font-size:0.75rem;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--accent-violet);text-decoration:none}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-violet)}.text-cyan{color:var(--accent-cyan)}.text-green{color:var(--accent-green)}.text-blue{color:var(--accent-blue)}.text-pink{color:var(--accent-pink)}.text-orange{color:var(--accent-orange)}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mt-lg{margin-top:var(--space-lg)}.mb-lg{margin-bottom:var(--space-lg)}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}@media (max-width:768px){.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr}}@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease forwards}.card-grid .card:nth-child(1){animation-delay:0ms}.card-grid .card:nth-child(2){animation-delay:100ms}.card-grid .card:nth-child(3){animation-delay:200ms}.card-grid .card:nth-child(4){animation-delay:300ms}.card-grid .card:nth-child(5){animation-delay:400ms}.card-grid .card:nth-child(6){animation-delay:500ms}@media print{body{background:white;color:black}.nav,.hero,footer,.aiguide-breadcrumb{display:none}.card,pre,.callout{border:1px solid #ccc;break-inside:avoid}}.aiguide-breadcrumb{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);font-size:0.8rem;font-family:var(--font-mono);color:var(--text-muted)}.aiguide-back-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent-violet);text-decoration:none;font-weight:500;transition:color 0.2s ease}.aiguide-back-link:hover{color:var(--text-link-hover);text-decoration:none}.aiguide-separator{color:var(--text-muted)}.aiguide-current{color:var(--text-secondary)}.aiguide-back-link:hover .aiguide-back-arrow{transform:translateX(-4px)}.aiguide-back-arrow{transition:transform 0.2s ease}.aiguide-separator{color:var(--text-muted)}.aiguide-current{color:var(--text-secondary)}.footer-back-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent-indigo);text-decoration:none;font-weight:500;padding:8px 16px;border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all 0.2s ease}.footer-back-link:hover{background:rgba(99,102,241,0.08);border-color:var(--accent-indigo);text-decoration:none}.prompt-accordions-section{margin-top:var(--space-2xl)}.prompt-accordion{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);margin-bottom:var(--space-md);overflow:hidden;transition:all var(--transition-base)}.prompt-accordion[open]{border-color:var(--accent-purple);box-shadow:var(--shadow-glow)}.prompt-summary{padding:var(--space-md);background:var(--gradient-card);cursor:pointer;font-weight:600;font-size:1.1rem;color:var(--text-primary);list-style:none;display:flex;align-items:center;user-select:none}.prompt-summary::-webkit-details-marker{display:none}.prompt-summary:hover{background:var(--bg-card-hover);color:var(--accent-purple)}.prompt-content{padding:var(--space-md);border-top:1px solid var(--border-primary);background:var(--bg-code)}.prompt-content pre{margin:0;background:transparent;padding:0;border:none;font-family:var(--font-mono);font-size:0.85rem;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.prompt-content h4{margin-bottom:var(--space-sm);color:var(--text-primary)}.buttons-ad-section{margin:var(--space-2xl) 0}@keyframes adPulse{0%{box-shadow:0 0 10px rgba(124,58,237,0.1)}50%{box-shadow:0 0 25px rgba(124,58,237,0.3)}100%{box-shadow:0 0 10px rgba(124,58,237,0.1)}}.buttons-ad-wrapper{padding:var(--space-xl);background:linear-gradient( 135deg,rgba(16,16,24,0.8) 0%,rgba(26,15,45,0.6) 100% );border:1px solid rgba(124,58,237,0.3);border-radius:var(--radius-lg);position:relative;overflow:hidden;animation:adPulse 4s infinite;transition:transform var(--transition-base),border-color var(--transition-base)}.buttons-ad-wrapper:hover{transform:translateY(-2px);border-color:rgba(124,58,237,0.8)}body[data-theme="atlas"] .buttons-ad-wrapper{animation:none;background:linear-gradient( 135deg,rgba(255,248,237,0.96) 0%,rgba(245,231,205,0.98) 100% );border-color:rgba(36,42,47,0.12);box-shadow:var(--shadow-md)}body[data-theme="atlas"] .buttons-ad-wrapper:hover{border-color:rgba(35,93,102,0.24)}body[data-theme="dark-lab"] .buttons-ad-wrapper{animation:none;background:linear-gradient(135deg,rgba(19,24,26,0.98) 0%,rgba(25,31,33,0.96) 100%);border-color:rgba(120,174,184,0.14);box-shadow:var(--shadow-md)}body[data-theme="dark-lab"] .buttons-ad-wrapper:hover{border-color:rgba(120,174,184,0.24)}body[data-theme="dark-lab"] .buttons-ad-badge{background:var(--accent-orange);color:#101415}body[data-theme="dark-lab"] .buttons-ad-pitch,body[data-theme="dark-lab"] .buttons-ad-tagline{color:var(--text-primary)}body[data-theme="dark-lab"] .buttons-ad-rotator::after{text-shadow:none}body[data-theme="dark-lab"] .aiguide-breadcrumb{background:rgba(17,21,22,0.92);border-bottom-color:rgba(120,174,184,0.12)}body[data-theme="dark-lab"] .nav{background:rgba(17,21,22,0.92);border-bottom-color:rgba(120,174,184,0.12)}body[data-theme="dark-lab"] .nav-logo,body[data-theme="dark-lab"] .nav-links a,body[data-theme="dark-lab"] .nav-toggle,body[data-theme="dark-lab"] .aiguide-current{color:var(--text-primary)}body[data-theme="dark-lab"] .nav-links a:hover,body[data-theme="dark-lab"] .nav-links a.active{background:rgba(120,174,184,0.1);color:var(--accent-teal)}body[data-theme="dark-lab"] code{background:rgba(120,174,184,0.1);color:var(--text-primary);border-color:rgba(120,174,184,0.14)}body[data-theme="dark-lab"] pre{box-shadow:inset 0 0 0 1px rgba(120,174,184,0.06)}body[data-theme="atlas"] .buttons-ad-badge{background:var(--accent-teal)}body[data-theme="atlas"] .buttons-ad-pitch,body[data-theme="atlas"] .buttons-ad-tagline{color:var(--text-primary)}body[data-theme="atlas"] .buttons-ad-rotator::after{text-shadow:none}body[data-theme="atlas"] .aiguide-breadcrumb{background:rgba(255,248,237,0.88);border-bottom-color:rgba(36,42,47,0.12)}body[data-theme="atlas"] .nav{background:rgba(255,248,237,0.9);border-bottom-color:rgba(36,42,47,0.12)}body[data-theme="atlas"] .nav-logo,body[data-theme="atlas"] .nav-links a,body[data-theme="atlas"] .nav-toggle,body[data-theme="atlas"] .aiguide-current{color:var(--text-primary)}body[data-theme="atlas"] .nav-links a:hover,body[data-theme="atlas"] .nav-links a.active{background:rgba(35,93,102,0.08);color:var(--accent-teal)}body[data-theme="atlas"] code{background:rgba(35,93,102,0.08);color:var(--accent-teal);border-color:rgba(35,93,102,0.1)}body[data-theme="atlas"] pre{box-shadow:inset 0 0 0 1px rgba(36,42,47,0.06)}.feature-figure{margin:var(--space-2xl) 0;padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.feature-figure img{display:block;width:100%;height:auto;border-radius:calc(var(--radius-lg) - 4px);border:1px solid var(--border-secondary)}.feature-figure figcaption{margin-top:var(--space-md);color:var(--text-secondary);font-size:0.98rem;line-height:1.6}.feature-figure-meta{display:inline-flex;align-items:center;gap:8px;margin-bottom:var(--space-md);font-family:var(--font-mono);font-size:0.74rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-muted)}.feature-figure-meta::before{content:"";width:12px;height:12px;border-radius:999px;background:var(--accent-orange);box-shadow:18px 0 0 var(--accent-teal);margin-right:18px}body[data-theme="atlas"] .feature-figure{background:rgba(255,252,246,0.94)}body[data-theme="dark-lab"] .feature-figure{background:rgba(20,25,27,0.94)}body[data-theme="atlas"] footer{background:rgba(255,248,237,0.86);border-top-color:rgba(36,42,47,0.12)}body[data-theme="dark-lab"] footer{background:rgba(17,21,22,0.9);border-top-color:rgba(120,174,184,0.12)}.buttons-ad-badge{position:absolute;top:0;right:0;background:var(--accent-purple);color:#fff;font-size:0.75rem;font-weight:700;text-transform:uppercase;padding:0.3rem 0.8rem;border-bottom-left-radius:var(--radius-md);letter-spacing:0.05em}.buttons-ad-content a{text-decoration:none;display:block;outline:none}.buttons-ad-pitch{font-size:1.05rem;color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.6}.buttons-ad-tagline{font-family:var(--font-heading);font-size:1.5rem;color:var(--text-primary);margin-top:var(--space-sm)}.buttons-ad-rotator{font-weight:800;display:inline-block;border-bottom:2px dashed currentColor;padding-bottom:2px}.buttons-ad-rotator::after{content:"normal people.";animation:wordRotate 15s linear infinite}@keyframes wordRotate{0%,14%{content:"normal people.";color:var(--accent-cyan);text-shadow:0 0 10px rgba(6,182,212,0.4)}16%,31%{content:"neurodivergent people.";color:var(--accent-purple);text-shadow:0 0 10px rgba(168,85,247,0.4)}33%,47%{content:"ADHD people.";color:var(--accent-pink);text-shadow:0 0 10px rgba(236,72,153,0.4)}50%,64%{content:"weird people.";color:var(--accent-orange);text-shadow:0 0 10px rgba(245,158,11,0.4)}66%,80%{content:"AI adopters.";color:var(--accent-lime);text-shadow:0 0 10px rgba(132,204,22,0.4)}83%,97%{content:"productive people.";color:var(--accent-blue);text-shadow:0 0 10px rgba(59,130,246,0.4)}100%{content:"normal people.";color:var(--accent-cyan);text-shadow:0 0 10px rgba(6,182,212,0.4)}}