.code-examples{padding:var(--sp-20) 0;background:var(--bg-alt);border-bottom:var(--border-thick)}.cx-card{background:var(--bg-card);border:var(--border-thick);max-width:800px;box-shadow:16px 16px 0 var(--ink);margin:0 auto;overflow:hidden}.cx-tabs{background:var(--ink);border-bottom:var(--border-thick);display:flex}.cx-tab{padding:var(--sp-3) var(--sp-6);font-family:var(--font-mono);text-transform:uppercase;color:var(--ink-muted);border-right:var(--border-thin);border-right-color:var(--ink-light);transition:all var(--dur-fast) ease;background:var(--ink);font-size:.8rem;font-weight:600}.cx-tab:last-child{border-right:none}.cx-tab:hover:not(.active){color:var(--bg)}.cx-tab.active{color:var(--ink);background:var(--bg-card)}.cx-content{position:relative}.cx-pre{padding:var(--sp-6);font-family:var(--font-mono);color:var(--ink);margin:0;font-size:.85rem;line-height:1.6;overflow-x:auto}.cx-get-key{top:var(--sp-4);right:var(--sp-4);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--bg);background:var(--accent);border:var(--border-thin);box-shadow:4px 4px 0 var(--ink);transition:transform var(--dur-fast) ease, box-shadow var(--dur-fast) ease;padding:8px 16px;font-size:.75rem;font-weight:700;position:absolute}.cx-get-key:hover{box-shadow:6px 6px 0 var(--ink);background:var(--ink);color:var(--bg);transform:translate(-2px,-2px)}.cx-get-key:active{box-shadow:none;transform:translate(2px,2px)}@media (max-width:768px){.cx-tabs{overflow-x:auto}.cx-tab{white-space:nowrap;padding:var(--sp-3) var(--sp-4)}.cx-pre{padding:var(--sp-4);font-size:.75rem}.cx-get-key{width:max-content;margin:var(--sp-4) var(--sp-4) 0 auto;display:block;position:static}.cx-card{box-shadow:8px 8px 0 var(--ink)}}
.cta{padding:var(--sp-16) 0;text-align:center;border-bottom:var(--border-thick);background:var(--accent);color:var(--bg);position:relative;overflow:hidden}.cta:before{content:"";background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#1818174d 10px 20px);height:8px;position:absolute;top:0;left:0;right:0}.cta-inner{z-index:1;position:relative}.cta-title{font-family:var(--font-serif);color:var(--bg);margin-bottom:var(--sp-6);text-shadow:4px 4px 0 var(--ink);font-size:4rem;font-weight:500;line-height:1}.cta-desc{font-family:var(--font-mono);color:var(--bg);max-width:600px;margin:0 auto var(--sp-10);font-size:1.15rem;line-height:1.6}.cta-actions{justify-content:center;gap:var(--sp-6);display:flex}.cta-actions .btn-brutal{box-shadow:4px 4px 0 var(--bg)}.cta-actions .btn-brutal:hover{background:var(--bg);color:var(--ink);box-shadow:6px 6px 0 var(--bg)}.cta-actions .btn-brutal-alt{color:var(--bg);border-color:var(--bg);box-shadow:4px 4px 0 var(--ink);background:0 0}.cta-actions .btn-brutal-alt:hover{background:var(--ink);color:var(--bg);border-color:var(--ink);box-shadow:6px 6px 0 var(--ink)}.cta-note{margin-top:var(--sp-8);font-family:var(--font-mono);text-transform:uppercase;color:var(--bg);justify-content:center;align-items:center;gap:var(--sp-3);font-size:.85rem;font-weight:600;display:flex}.cta-check{color:var(--ink);font-weight:700}@media (max-width:768px){.cta-title{text-shadow:2px 2px 0 var(--ink);font-size:3rem}}@media (max-width:480px){.cta-title{font-size:2.4rem}.cta-actions{flex-direction:column;align-items:stretch}.cta-actions .btn-brutal,.cta-actions .btn-brutal-alt{justify-content:center;width:100%}}.cta-signin-prompt{font-family:var(--font-mono);color:var(--bg);margin-top:var(--sp-4);opacity:.9;text-align:center;font-size:.85rem}.cta-signin-prompt a{color:var(--bg);font-weight:700;text-decoration:underline}.cta-signin-prompt a:hover{color:var(--ink)}.cta-signin-email{background:var(--ink);color:var(--bg);letter-spacing:.02em;white-space:nowrap;padding:1px 7px;font-weight:700}