@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Sora:wght@400;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg-0: #06111a;--bg-1: #0c1a24;--bg-2: #132b3c;--text: #ebf6ff;--muted: #9cb5c6;--accent: #39d0bb;--accent-strong: #16a38f;--accent-warm: #ff8a3d;--panel: rgba(10, 22, 31, .82);--panel-border: rgba(119, 170, 196, .28);--status-native-bg: rgba(57, 208, 187, .16);--status-native-fg: #65f1db;--status-planned-bg: rgba(255, 138, 61, .16);--status-planned-fg: #ffc292;--shadow: 0 20px 55px rgba(3, 8, 12, .45);--radius-lg: 24px;--radius-md: 16px;--font-display: "Sora", "Space Grotesk", sans-serif;--font-body: "Space Grotesk", "Sora", sans-serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at 15% 12%,#11324a 0%,transparent 40%),radial-gradient(circle at 82% 16%,#14384d 0%,transparent 38%),linear-gradient(180deg,var(--bg-2) 0%,var(--bg-1) 48%,var(--bg-0) 100%);font-family:var(--font-body)}a{color:inherit}.moltcall-app{position:relative;min-height:100vh;overflow:hidden;padding:1.25rem clamp(1rem,3vw,2.5rem) 2.5rem}.ambient{position:absolute;border-radius:999px;filter:blur(70px);pointer-events:none;opacity:.45;z-index:0}.ambient-a{width:420px;height:420px;top:-120px;left:-120px;background:#22b8a6;animation:drift-a 12s ease-in-out infinite}.ambient-b{width:360px;height:360px;right:-80px;top:120px;background:#e06f3f;animation:drift-b 14s ease-in-out infinite}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(134,181,207,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(134,181,207,.06) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(circle at 50% 10%,rgba(0,0,0,.75) 0,transparent 72%);mask-image:radial-gradient(circle at 50% 10%,rgba(0,0,0,.75) 0,transparent 72%);pointer-events:none;z-index:0}.top-nav,main,footer{position:relative;z-index:1}.top-nav{max-width:1150px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 0 1.4rem}.brand-pill{display:inline-flex;align-items:center;gap:.55rem;border:1px solid var(--panel-border);background:#0b1822a8;border-radius:999px;padding:.45rem .85rem;font-family:var(--font-display);font-weight:600;letter-spacing:.02em}.brand-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(120deg,var(--accent) 0%,var(--accent-warm) 100%);box-shadow:0 0 14px #39d0bbb3}.top-nav nav{display:inline-flex;align-items:center;gap:1.1rem;flex-wrap:wrap}.top-nav nav a{text-decoration:none;color:var(--muted);font-size:.92rem;font-weight:500;transition:color .18s ease}.top-nav nav a:hover{color:var(--text)}main{max-width:1150px;margin:0 auto;display:grid;gap:1.2rem}.hero,.panel,.cta{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.hero{padding:clamp(1.3rem,3vw,2.2rem);display:grid;gap:1.05rem}.kicker{margin:0;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#9edfd3}.hero h1{margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3.15rem);line-height:1.08;max-width:22ch}.hero-copy{margin:0;color:var(--muted);max-width:68ch;line-height:1.58}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:12px;text-decoration:none;font-weight:600;letter-spacing:.01em;padding:.72rem 1.05rem;transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease}.btn .icon{width:.95rem;height:.95rem}.btn:hover{transform:translateY(-1px)}.btn-primary{border:1px solid rgba(57,208,187,.35);background:linear-gradient(120deg,#16a38fd1,#2b7491cc);color:#fff}.btn-primary:hover{box-shadow:0 10px 24px #0f5a6852}.btn-ghost{border:1px solid var(--panel-border);background:#0a161f8f;color:var(--text)}.hero-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem}.hero-metrics article{border:1px solid rgba(115,165,191,.24);border-radius:var(--radius-md);padding:.9rem;background:#09141ea8}.metric-icon{width:1.05rem;height:1.05rem;color:#89efd9}.hero-metrics h3{margin:.55rem 0 .35rem;font-size:.98rem;font-family:var(--font-display)}.hero-metrics p{margin:0;font-size:.91rem;color:var(--muted);line-height:1.4}.panel{padding:clamp(1rem,2.4vw,1.5rem);display:grid;gap:.95rem}.panel-heading{display:inline-flex;align-items:center;gap:.55rem}.panel-icon{width:1rem;height:1rem;color:#81dbcd}.panel h2{margin:0;font-family:var(--font-display);font-size:clamp(1.2rem,2.4vw,1.55rem)}.panel p{margin:0;color:var(--muted);line-height:1.5}.ascii-diagram{margin:.2rem 0 0;white-space:pre-wrap;font-family:var(--font-mono);font-size:.83rem;line-height:1.4;border:1px solid rgba(119,170,196,.24);border-radius:var(--radius-md);background:#060e15c7;padding:.95rem;color:#c3d8e6}.provider-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.provider-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.api-base-inline{flex:1;min-width:320px}.api-base-inline input{width:100%}.tab{border:1px solid rgba(119,170,196,.28);color:#c2d7e3;background:#09141e9e;border-radius:999px;padding:.45rem .72rem;font-size:.82rem;cursor:pointer;font-family:var(--font-mono)}.tab.active{border-color:#39d0bb8c;color:#ecfffb;background:#0e4145a8}.provider-panel{border:1px solid rgba(119,170,196,.24);border-radius:var(--radius-md);background:#08121cbf;padding:.9rem;display:grid;gap:.75rem}.provider-header{display:flex;align-items:center;gap:.5rem}.provider-header h3{margin:0;font-family:var(--font-display)}.provider-header p{margin-top:.15rem;font-size:.92rem}.provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem}.provider-card{border:1px solid rgba(119,170,196,.2);border-radius:14px;padding:.75rem;background:#09131cad}.provider-card header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.provider-card code{font-family:var(--font-mono);font-size:.8rem;color:#ddf1ff}.status{border-radius:999px;font-family:var(--font-mono);font-size:.72rem;padding:.15rem .5rem;text-transform:uppercase;letter-spacing:.04em}.status.native{background:var(--status-native-bg);color:var(--status-native-fg)}.status.planned{background:var(--status-planned-bg);color:var(--status-planned-fg)}.provider-card p{margin-top:.6rem;font-size:.88rem;color:var(--muted)}.ops-panel{gap:1.1rem}.ops-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.ops-card{border:1px solid rgba(119,170,196,.25);border-radius:var(--radius-md);background:#08131cc2;padding:.9rem;display:grid;gap:.7rem}.ops-card h3{margin:0;font-family:var(--font-display);font-size:1.02rem}.ops-output{grid-column:span 1}.ops-output pre{margin:0;min-height:240px;max-height:420px;overflow:auto;font-family:var(--font-mono);font-size:.79rem;line-height:1.45;color:#d6e5ee;border:1px solid rgba(119,170,196,.2);border-radius:12px;background:#050d14d1;padding:.7rem}.field-grid{display:grid;gap:.55rem}.field-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.field-inline{display:grid;gap:.3rem;color:var(--muted);font-size:.82rem}.field-inline span{font-family:var(--font-mono)}.field-inline input,.field-inline textarea,.field-inline select{width:100%;border:1px solid rgba(119,170,196,.34);border-radius:10px;background:#061019d9;color:var(--text);font-family:var(--font-body);font-size:.9rem;padding:.5rem .6rem}.field-inline textarea{resize:vertical;min-height:120px;font-family:var(--font-mono);font-size:.8rem}.field-inline input:focus,.field-inline textarea:focus,.field-inline select:focus{outline:none;border-color:#39d0bb99;box-shadow:0 0 0 2px #39d0bb33}.inline-row{display:flex;gap:.45rem;align-items:center}.inline-row .btn{white-space:nowrap}.toggle-row{display:flex;flex-wrap:wrap;gap:1rem;font-size:.88rem;color:var(--muted)}.toggle-row label{display:inline-flex;align-items:center;gap:.45rem}.button-row{display:flex;flex-wrap:wrap;gap:.55rem}.status-strip{display:flex;flex-direction:column;gap:.3rem;border:1px dashed rgba(119,170,196,.35);border-radius:10px;padding:.55rem .6rem;color:#c8ddeb;font-family:var(--font-mono);font-size:.78rem}.inline-error{margin:0;color:#ffb3a0;font-size:.84rem;line-height:1.4}.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.offer-card{border:1px solid rgba(119,170,196,.25);border-radius:var(--radius-md);background:#09121bbd;padding:.9rem}.offer-card h3{margin:0;font-family:var(--font-display)}.offer-fit{margin:.45rem 0 .75rem;color:#9fd8cc;font-size:.9rem}.offer-card ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.offer-card li{display:flex;align-items:flex-start;gap:.45rem;color:var(--muted);font-size:.89rem;line-height:1.42}.check-icon{width:.95rem;height:.95rem;color:#71efd7;margin-top:.1rem;flex:0 0 auto}.timeline{display:grid;gap:.6rem}.timeline-step{border:1px solid rgba(119,170,196,.21);border-radius:var(--radius-md);background:#071019bd;padding:.8rem}.timeline-step header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.timeline-step h3{margin:0;font-size:1rem;font-family:var(--font-display)}.timeline-step span{font-size:.8rem;color:#9ad8cc;font-family:var(--font-mono)}.timeline-step p{margin-top:.45rem;font-size:.9rem}.cta{padding:clamp(1rem,2.4vw,1.3rem);display:flex;align-items:center;justify-content:space-between;gap:1rem;border-color:#53c6bb61;background:linear-gradient(135deg,#081822e6,#0f3440c7)}.cta h2{margin:0;font-family:var(--font-display);font-size:clamp(1.1rem,2vw,1.45rem);max-width:42ch}footer{max-width:1150px;margin:1rem auto 0;padding:.9rem .2rem 0;display:flex;align-items:center;justify-content:space-between;gap:.8rem;border-top:1px solid rgba(119,170,196,.2)}footer p{margin:0;color:#99b6c8;font-size:.84rem}@media (max-width: 980px){.hero-metrics,.offer-grid,.ops-grid,.field-grid.two-col{grid-template-columns:1fr}.cta{flex-direction:column;align-items:flex-start}}@media (max-width: 720px){.top-nav{flex-direction:column;align-items:flex-start}.top-nav nav{gap:.7rem}.moltcall-app{padding:1rem .85rem 2rem}.timeline-step header{flex-direction:column;gap:.2rem;align-items:flex-start}footer{flex-direction:column;align-items:flex-start}}@keyframes drift-a{0%,to{transform:translate(0) scale(1)}50%{transform:translate(28px,20px) scale(1.08)}}@keyframes drift-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-26px,18px) scale(1.12)}}