.section{padding:5rem 0;position:relative}.section-alt{background:#9580ff05}.section-tag{display:block;font-family:var(--font-mono);font-size:.75rem;color:#c084fc;margin-bottom:1rem;letter-spacing:-.02em}.section-heading{font-size:clamp(1.75rem,3.5vw,2.6rem);font-weight:700;color:var(--text-color);letter-spacing:0;line-height:1.1;margin-bottom:1rem;max-width:720px}.body-text{color:var(--text-secondary);font-size:.95rem;max-width:680px;line-height:1.7;margin-bottom:1.5rem}.body-text code{font-family:var(--font-mono);font-size:.85em;color:#c084fc;background:#c084fc14;padding:.1em .4em;border-radius:2px}.body-text-note{font-size:.85rem;color:var(--text-tertiary);margin-top:1.5rem}.bg-gradient{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 30% 0%,rgba(104,35,148,.09) 0%,transparent 50%),radial-gradient(ellipse at 70% 40%,rgba(80,60,200,.05) 0%,transparent 40%),radial-gradient(ellipse at 20% 70%,rgba(104,35,148,.03) 0%,transparent 40%)}.btn-primary{display:inline-block;padding:.7rem 1.5rem;background:var(--accent);color:#fff;font-weight:600;font-size:.875rem;text-decoration:none;clip-path:var(--clip-corner-btn);font-family:var(--font-main);transition:opacity .15s}.btn-primary:hover{opacity:.85;text-decoration:none}.btn-hero{padding:.75rem 1.75rem;font-size:.9rem;font-family:var(--font-mono);font-weight:500;letter-spacing:-.02em}.btn-outline{display:inline-block;padding:.75rem 1.75rem;color:#ffffffe6;text-decoration:none;clip-path:var(--clip-corner-btn);filter:drop-shadow(0 0 1px rgba(255,255,255,.28));font-family:var(--font-mono);font-weight:500;font-size:.9rem;letter-spacing:-.02em;transition:all .15s;background:#ffffff0f}.btn-outline:hover{color:#fff;background:#ffffff1a;filter:drop-shadow(0 0 1px rgba(255,255,255,.45));text-decoration:none}.code-block{background:var(--bg-tertiary);border-radius:3px;overflow:hidden;margin-top:2rem;max-width:780px;filter:drop-shadow(0 0 1px rgba(192,132,252,.15))}.code-block-header{padding:.6rem 1.5rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between}.code-block-lang{font-family:var(--font-mono);font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.code-block-file{font-family:var(--font-mono);font-size:.65rem;color:var(--text-tertiary);opacity:.7}.code-grid{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.code-grid .code-block{margin-top:0}.code-ex{padding:1.5rem;font-family:var(--font-mono);font-size:.82rem;line-height:1.7;color:#e8e4f0;overflow-x:auto;margin:0}.t-keyword{color:#c084fc}.t-str{color:#4ade80}.t-num{color:#fbbf24}.t-bool{color:#fb7dbe}.t-comment{color:#9990b0}.t-key{color:#ddd0ff}.t-brace,.t-punct{color:#8a8499}.t-fn{color:#ddd0ff}.t-tag{color:#fb7dbe}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:2.5rem}.tool-card{background:var(--bg-secondary);padding:1.5rem;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);filter:drop-shadow(0 0 1px rgba(192,132,252,.1))}.tool-name{font-family:var(--font-mono);font-size:.85rem;color:#c084fc;margin-bottom:.5rem;font-weight:500;text-decoration:none}.tool-name:hover{text-decoration:underline}.tool-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.6;margin:0}.tools-cta{margin-top:2rem}.link-arrow{font-family:var(--font-mono);font-size:.82rem;color:#c084fc;text-decoration:none;transition:opacity .15s}.link-arrow:hover{opacity:.75}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem}.why-card{background:var(--bg-secondary);padding:1.75rem;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);filter:drop-shadow(0 0 1px rgba(192,132,252,.1))}.why-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#c084fc14;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);color:#c084fc;margin-bottom:1.25rem}.why-title{font-size:.95rem;font-weight:600;color:var(--text-color);margin-bottom:.75rem;line-height:1.3}.section-cta{text-align:center;padding:8rem 0;position:relative;overflow:hidden;background:transparent}.cta-texture{position:absolute;inset:0;background:url(/gears.png) center center / cover no-repeat;background:image-set(url(/gears.avif) type("image/avif"),url(/gears.png) type("image/png")) center center / cover no-repeat;background-attachment:fixed;filter:brightness(.2) saturate(.6);opacity:.35;pointer-events:none}.cta-inner{position:relative;z-index:1}.cta-headline{font-size:clamp(2rem,4vw,3.2rem);font-weight:700;letter-spacing:0;color:var(--text-color);margin-bottom:1rem}.cta-sub{font-size:.95rem;color:var(--text-secondary);max-width:460px;margin:0 auto 2.5rem;line-height:1.7}.cta-actions{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.ig-tabs{display:flex;gap:0;margin-bottom:1.5rem}.ig-tab{font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--text-tertiary);background:transparent;border:none;padding:.6rem 1.25rem;cursor:pointer;transition:color .15s,background .15s;letter-spacing:-.02em;position:relative}.ig-tab:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:transparent;transition:background .15s}.ig-tab:hover{color:var(--text-secondary)}.ig-tab-active{color:#c084fc}.ig-tab-active:after{background:#c084fc}.ig-tab-panel{display:none}.ig-tab-panel-active{display:block}.ig-tab-desc{margin-bottom:1.25rem}.ig-tab-panel .code-block{margin-top:0}.ig-steps{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.ig-step{display:flex;gap:1rem;align-items:baseline}.ig-step-num{font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:#c084fc;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#c084fc1a;border-radius:2px;flex-shrink:0}.ig-step-body{font-size:.88rem;color:var(--text-secondary);line-height:1.6}.ig-step-body strong{color:var(--text-color)}.setup-note{color:var(--text-tertiary);font-size:.8rem;line-height:1.6;margin-top:1rem}.ig-conversation{max-width:720px;display:flex;flex-direction:column;gap:0}.ig-msg{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.04)}.ig-msg:last-child{border-bottom:none}.ig-msg-label{font-family:var(--font-mono);font-size:.72rem;font-weight:600;margin-bottom:.5rem;letter-spacing:-.01em}.ig-msg-user .ig-msg-label{color:var(--text-tertiary)}.ig-msg-assistant .ig-msg-label{color:#c084fc}.ig-msg-tool .ig-msg-label{color:var(--text-tertiary);font-style:italic}.ig-msg-body{font-size:.88rem;color:var(--text-secondary);line-height:1.7}.ig-msg-body strong{color:var(--text-color);font-weight:600}.ig-msg-body pre{font-family:var(--font-mono);font-size:.78rem;margin:0;color:var(--text-color)}.ig-msg-user{background:#ffffff05}.ig-msg-tool{background:#c084fc08}.ig-msg-assistant{background:transparent}.setup-grid{display:flex;flex-direction:column;gap:1.5rem}.setup-card{background:var(--bg-secondary);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);filter:drop-shadow(0 0 1px rgba(149,128,255,.2));padding:1.75rem}.setup-label{font-family:var(--font-heading);font-size:.8rem;font-weight:600;color:#c084fc;margin-bottom:.75rem;letter-spacing:0}.setup-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.7;margin-bottom:1.25rem}.setup-card .code-block{margin-top:0}.tool-chain{display:flex;flex-direction:column;gap:0;margin-top:2rem;max-width:780px}.tool-step{display:flex;gap:1.25rem;padding:1.25rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid rgba(255,255,255,.04)}.tool-step:first-child{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}.tool-step:last-child{border-bottom:none}.tool-step-num{font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:#c084fc;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#c084fc1a;border-radius:2px;flex-shrink:0;margin-top:2px}.tool-step-body{flex:1}.tool-step-call{font-family:var(--font-mono);font-size:.82rem;margin-bottom:.35rem;overflow-wrap:break-word;word-break:break-all}.tool-step-result{font-size:.82rem;color:var(--text-tertiary);line-height:1.5}@media(max-width:768px){.tools-grid,.why-grid{grid-template-columns:1fr}.code-ex{font-size:.75rem}.ig-conversation{max-width:100%}}@media(max-width:640px){.section-cta{padding:4rem 0}.section{padding:3.5rem 0}.ig-tabs{flex-wrap:wrap}}