@layer components{.sb{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:600;line-height:1;transition:filter .15s,background .15s,border-color .15s,transform .15s,box-shadow .15s;display:inline-flex}.sb:active{transform:translateY(1px)}.sb-primary{background:var(--accent);color:#fff;box-shadow:none}.sb-primary:hover{background:var(--accent-hover);color:#fff}.sb-outline{color:var(--ink);border:1.5px solid var(--line-2);background:#fff}.sb-outline:hover{background:var(--surface-2);border-color:#b9c7f0}.sb-light{color:#fff;background:#ffffff0f;border:1.5px solid #ffffff47}.sb-light:hover{background:#ffffff1f;border-color:#ffffff73}.sb-lg{padding:16px 28px;font-size:16px}.sb-sm{padding:9px 16px;font-size:13.5px}.sb svg{flex-shrink:0}@media (max-width:640px){.cta-row .sb{width:100%}}.cta-row{flex-wrap:wrap;gap:12px;display:flex}.wrap3{max-width:1180px;margin:0 auto;padding-left:20px;padding-right:20px}.sec{padding:96px 0}.sec-tight{padding:64px 0}@media (max-width:768px){.sec{padding:60px 0}.sec-tight{padding:44px 0}}.sec-head{max-width:720px;margin-bottom:56px}.sec-head.is-center{text-align:center;margin-left:auto;margin-right:auto}@media (max-width:768px){.sec-head{margin-bottom:36px}}.h1-3{font-family:var(--font-display);letter-spacing:-.035em;max-width:13ch;font-size:clamp(36px,4.4vw,56px);font-weight:800;line-height:1.04}.h2-3{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(30px,3.8vw,44px);font-weight:800;line-height:1.05}.h3-3{font-family:var(--font-display);letter-spacing:-.02em;font-size:20px;font-weight:700;line-height:1.25}.lead-3{color:var(--muted);font-size:18px;line-height:1.6}@media (min-width:768px){.lead-3{font-size:19px}}.body-3{color:var(--muted);font-size:15.5px;line-height:1.6}.eyebrow-3{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:700}.on-dark{color:#fff}.on-dark .lead-3,.on-dark .body-3{color:#ffffffb8}.on-dark .eyebrow-3{color:#9cb4ff}.on-dark .h2-3,.on-dark .h3-3{color:#fff}.link-arrow{color:var(--accent);align-items:center;gap:6px;font-size:15.5px;font-weight:600;display:inline-flex}.link-arrow svg{transition:transform .15s}.link-arrow:hover svg{transform:translate(3px)}.on-dark .link-arrow{color:#9cb4ff}.reveal{opacity:0;transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);transform:translateY(8px)}.reveal.is-in{opacity:1;transform:none}.reveal-stagger>*{opacity:0;transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1);transform:translateY(8px)}.reveal-stagger.is-in>*{opacity:1;transform:none}.reveal-stagger.is-in>:nth-child(2){transition-delay:80ms}.reveal-stagger.is-in>:nth-child(3){transition-delay:.16s}.reveal-stagger.is-in>:nth-child(4){transition-delay:.24s}.reveal-stagger.is-in>:nth-child(5){transition-delay:.32s}.reveal-stagger.is-in>:nth-child(6){transition-delay:.4s}.reveal-stagger.is-in>:nth-child(7){transition-delay:.48s}.reveal-stagger.is-in>:nth-child(n+8){transition-delay:.56s}@media (prefers-reduced-motion:reduce){.reveal,.reveal-stagger>*{opacity:1;transition:none;transform:none}}.hero3{color:#fff;background:radial-gradient(900px 560px at 10% 50%, #2f6bff52, transparent 60%), radial-gradient(800px 560px at 90% 60%, #7c5cff47, transparent 60%), radial-gradient(600px 400px at 70% 110%, #f0427f38, transparent 60%), linear-gradient(180deg, #070b1a 0%, var(--navy-2) 100%);position:relative;overflow:hidden}.hero3-grid{align-items:center;gap:44px;padding:56px 0 72px;display:grid}@media (min-width:900px){.hero3-grid{grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:56px;padding:88px 0 112px}}.hero3 .eyebrow-3{color:#9cb4ff}.hero3 h1{max-width:14ch}.hero3 h1 .hl{color:#9cb4ff}.hero3 .lead-3{color:#ffffffbd;max-width:520px}.trust{color:#ffffff9e;flex-wrap:wrap;gap:8px 18px;font-size:13.5px;display:flex}.trust span{align-items:center;gap:7px;display:inline-flex}.trust span:before{content:"";background:#9cb4ff;border-radius:50%;width:5px;height:5px}.hero-comp{position:relative}.hero-comp-main{z-index:1;position:relative}.hero-comp-mail{z-index:2;margin:-22px 12px 0;position:relative}.hero-pin{z-index:3;color:var(--ink);text-align:center;background:#fff;border-radius:14px;gap:1px;padding:10px 14px;display:grid;position:absolute;top:-14px;right:10px;box-shadow:0 20px 50px -20px #0009}.hero-pin-big{font-family:var(--font-display);letter-spacing:-.03em;color:var(--accent);font-size:24px;font-weight:800;line-height:1}.hero-pin-small{color:var(--muted);letter-spacing:.02em;font-size:10.5px;font-weight:600}.hero-approve{z-index:3;background:var(--navy);color:#fff;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;bottom:84px;right:18px;box-shadow:0 14px 30px -14px #000000b3}.hero-approve-dot{background:#febc2e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #febc2e}@media (min-width:900px){.hero-comp-mail{width:300px;margin:0;position:absolute;bottom:-36px;left:-40px;transform:rotate(-3deg)}.hero-pin{top:-18px;right:-14px}.hero-approve{bottom:52px;right:-10px}}@media (prefers-reduced-motion:no-preference) and (min-width:900px){.hero-comp-main{animation:9s ease-in-out infinite hero-bob}.hero-comp-mail{animation:9s ease-in-out 1.2s infinite hero-bob}@keyframes hero-bob{0%,to{translate:0}50%{translate:0 -6px}}}.mail-win{color:var(--ink);text-align:left;background:#fff;border-radius:16px;font-size:13px;overflow:hidden;box-shadow:0 30px 70px -30px #0b10208c,0 0 0 1px #0b10200f}.mail-head{border-bottom:1px solid var(--line);background:var(--surface-2);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.mail-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:grid}.mail-from{color:var(--muted);font-size:11.5px}.mail-subject{font-size:13.5px;font-weight:700;line-height:1.3}.mail-pre{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11.5px;overflow:hidden}.mail-body{padding:16px 14px 14px}.mail-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:8px;font-size:16px;font-weight:800;line-height:1.2}.mail-p{color:var(--muted);margin-bottom:12px;font-size:12.5px;line-height:1.55}.mail-lines{gap:7px;margin:4px 0 14px;display:grid}.mail-lines span{background:var(--surface-2);border-radius:4px;height:8px;display:block}.mail-cta{background:var(--accent);color:#fff;border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:600;display:inline-block}.mail-win.is-compact .mail-body{padding:12px 14px}.mail-win.is-compact .mail-p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.board{border-radius:28px;padding:32px;position:relative;overflow:visible;box-shadow:0 40px 80px -40px #0b102073}.board:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(70% 60% at 85% 100%,#ffffff29,#0000 60%);position:absolute;inset:0}.board>*{position:relative}.board-warm{background:radial-gradient(120% 90% at 20% 0,#ff8dba 0%,#c77dff 38%,#5b8cff 70%,#2f6bff 100%)}.board-cool{background:radial-gradient(120% 100% at 0 0,#1b2b6b 0%,#0e1633 55%,#070b1a 100%);box-shadow:0 40px 80px -40px #2f6bff80}.board-mint{background:radial-gradient(120% 90% at 10% 0,#bff3e0 0%,#8fd9ff 55%,#5b8cff 100%)}.board-sun{background:radial-gradient(120% 90% at 80% 0,#ffd08a 0%,#ff8dba 50%,#c77dff 100%)}.board .mock{animation:none;box-shadow:0 30px 60px -30px #0000008c,0 0 0 1px #ffffff14}.board .claude-win{box-shadow:0 30px 60px -30px #0009,0 0 0 1px #ffffff1a}@media (max-width:768px){.board{border-radius:22px;padding:18px}}.spot{align-items:center;gap:36px;display:grid}@media (min-width:900px){.spot{grid-template-columns:repeat(12,minmax(0,1fr));gap:48px}.spot-text{grid-column:span 5}.spot-visual{grid-column:span 7}.spot.is-flip .spot-text{order:2}.spot.is-flip .spot-visual{order:1}}.spot-text .lead-3{margin-top:18px;font-size:17.5px}.spot-text .h2-3{margin-top:14px}.spot-text .link-arrow{margin-top:24px}.spot-visual{min-width:0}.spot-visual .board{padding:36px}@media (max-width:768px){.spot-visual .board{padding:18px}}.rem-wrap{padding-bottom:0;position:relative}.rem-wrap .mail-win{max-width:420px}.rem-chips{gap:10px;margin-top:14px;display:grid}.rem-chip{color:var(--ink);background:#fff;border-radius:14px;grid-template-columns:auto auto auto 1fr;align-items:center;gap:8px;padding:9px 12px 9px 10px;font-size:12.5px;display:grid;box-shadow:0 18px 40px -20px #0b102080,0 0 0 1px #0b10200f}.rem-ic{background:var(--coral-soft);width:24px;height:24px;color:var(--coral);border-radius:8px;place-items:center;display:grid}.rem-when{white-space:nowrap;font-weight:700}.rem-cond{background:var(--amber-soft);color:var(--amber);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.rem-cond:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.rem-what{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (min-width:900px){.rem-chips{width:360px;margin:0;position:absolute;bottom:-28px;right:-36px}.rem-chip:nth-child(2){margin-left:14px}.rem-chip:nth-child(3){margin-left:28px}}@media (prefers-reduced-motion:no-preference){.rem-chip.anim{animation:.5s cubic-bezier(.2,.7,.2,1) both attach}}.prob-grid{gap:20px;display:grid}@media (min-width:640px){.prob-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.prob-grid{grid-template-columns:repeat(4,1fr)}}.prob-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;overflow:hidden}.prob-card:hover{box-shadow:var(--shadow-md);border-color:#c9d6ff;transform:translateY(-3px)}.prob-card .mini{border-radius:0}.prob-body{padding:20px 22px 24px}.prob-body .h3-3{margin-bottom:8px}.prob-body p{color:var(--muted);font-size:14.5px;line-height:1.6}.mini{aspect-ratio:16/10;color:#eaf0ff;background:linear-gradient(160deg,#111a3d 0%,#0b1020 100%);flex-direction:column;gap:8px;padding:12px 14px;font-size:11px;display:flex;position:relative;overflow:hidden}.mini:after{content:"";pointer-events:none;background:radial-gradient(60% 50% at 100% 0,#7c5cff59,#0000 60%);position:absolute;inset:0}.mini>*{position:relative}.mini-head{font-family:var(--font-mono);color:#9cb4ff;align-items:center;gap:6px;font-size:10px;display:flex}.mini .pill{padding:1px 7px;font-size:9.5px}.mini .pill-accent{color:#bfd0ff;background:#2f6bff40}.mini .pill-ok{color:#8be6b8;background:#1e9e6340}.mini .pill-warn{color:#ffd08a;background:#b7791f40}.mini .pill-muted{color:#b6c0da;background:#ffffff14}.mini-dedup{flex:1;grid-template-columns:1fr auto 1.15fr;align-items:center;gap:8px;display:grid}.mini-lists{gap:5px;display:grid}.mini-list{background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:2px 6px;padding:5px 7px;font-size:10.5px;font-weight:600;display:grid}.mini-list .mini-email{color:#98a4c4;font-size:9px;font-weight:400;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;grid-column:2;overflow:hidden}.mini-dot{background:#f0427f;border-radius:50%;width:6px;height:6px}.mini-merge{font-family:var(--font-mono);color:#9cb4ff;white-space:nowrap;font-size:9.5px}.mini-one{background:#2f6bff24;border:1px solid #7c5cff80;border-radius:10px;gap:6px;padding:8px 9px;display:grid}.mini-one-email{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.mini-one-tags{flex-wrap:wrap;gap:4px;display:flex}.mini-tag{background:#ffffff1a;border-radius:999px;align-items:center;gap:3px;padding:1px 6px;font-size:9px;display:inline-flex}.mini-result{color:#8be6b8;align-items:center;gap:4px;font-size:10.5px;font-weight:700;display:inline-flex}.mini-path{flex:1;align-content:start;gap:6px;padding-left:18px;display:grid;position:relative}.mini-path:before{content:"";background:linear-gradient(#2f6bff,#7c5cff);width:2px;position:absolute;top:6px;bottom:30px;left:6px}.mini-step{background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:6px;padding:5px 8px;font-size:10.5px;font-weight:600;display:flex;position:relative}.mini-step:before{content:"";background:var(--navy-2);border:2px solid #7c9cff;border-radius:50%;width:8px;height:8px;position:absolute;top:9px;left:-16px}.mini-step.is-rule{background:#f0427f24;border-color:#f0427f80}.mini-step-n{font-family:var(--font-mono);color:#98a4c4;font-size:9px}.mini-chip{color:#fff;background:#f0427f;border-radius:999px;justify-self:start;align-items:center;gap:5px;margin-left:18px;padding:4px 9px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:0 8px 20px -8px #f0427fe6}.mini-opp{flex-direction:column;flex:1;justify-content:center;gap:10px;display:flex}.mini-opp-bar{background:#ffffff1a;border-radius:999px;height:8px;overflow:hidden}.mini-opp-bar span{background:var(--grad-hot);border-radius:999px;height:100%;display:block}.mini-opp-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:15px;font-weight:800;line-height:1.2}.mini-btn{background:var(--accent);color:#fff;border-radius:999px;align-self:flex-start;padding:6px 12px;font-size:10.5px;font-weight:600}.mini-inbox{flex:1;align-content:start;gap:5px;display:grid}.mini-row{background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:7px;padding:5px 7px;font-size:10.5px;display:grid}.mini-av{background:var(--grad);border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;font-weight:700;display:grid}.mini-lines span{background:#ffffff24;border-radius:3px;width:80%;height:5px;display:block}.mini-hidden{color:#98a4c4;padding-left:7px;font-size:9.5px;text-decoration:line-through}.nums3{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (min-width:900px){.nums3{grid-template-columns:repeat(4,1fr)}}.nums3>div{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px 12px}.nums3 .big{font-family:var(--font-display);letter-spacing:-.03em;color:var(--accent);font-size:clamp(34px,4vw,52px);font-weight:800;line-height:1}.nums3 .small{color:var(--muted);margin-top:10px;font-size:13.5px;line-height:1.4}.works{text-align:center;flex-direction:column;align-items:center;gap:14px;margin-top:44px;display:flex}.works-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.works-row{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:10px 28px;display:flex}.works-row span{color:var(--ink);opacity:.78;align-items:center;gap:9px;font-size:15px;font-weight:600;transition:opacity .15s;display:inline-flex}.works-row span:hover{opacity:1}.works-note{color:var(--muted);font-size:13px}.fgrid{gap:20px;display:grid}@media (min-width:640px){.fgrid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.fgrid{grid-template-columns:repeat(4,1fr)}}.fcard{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:20px;padding:24px;transition:transform .15s,box-shadow .15s,border-color .15s}.fcard:hover{box-shadow:var(--shadow-md);border-color:#c9d6ff;transform:translateY(-3px)}.fcard-ic{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;margin-bottom:16px;display:grid}.fcard p{color:var(--muted);margin-top:8px;font-size:14.5px;line-height:1.6}.cmp-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:20px;padding:8px;overflow-x:auto}.cmp-card .cmp-table{border:0;min-width:720px}.quotes{gap:20px;display:grid}@media (min-width:900px){.quotes{grid-template-columns:repeat(3,1fr)}}.quote-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;padding:28px;display:flex}.quote-mark{font-family:var(--font-display);color:var(--accent);margin-bottom:14px;font-size:44px;line-height:.6}.quote-text{color:var(--ink);flex:1;font-size:16px;line-height:1.6}.quote-who{align-items:center;gap:12px;margin-top:22px;display:flex}.quote-av{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.quote-name{font-size:14.5px;font-weight:700}.quote-role{color:var(--muted);font-size:13px}.quote-note{text-align:center;color:var(--muted);max-width:640px;margin:24px auto 0;font-size:13px}.steps3{gap:20px;display:grid}@media (min-width:900px){.steps3{grid-template-columns:repeat(3,1fr)}}.step3{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:20px;padding:26px;position:relative}.step3-n{width:44px;height:44px;font-family:var(--font-display);background:var(--accent);color:#fff;border-radius:50%;place-items:center;margin-bottom:18px;font-size:17px;font-weight:800;display:grid}.step3 .h3-3{margin-bottom:8px}.step3 p{color:var(--muted);font-size:14.5px;line-height:1.6}.prompts{gap:12px;display:grid}@media (min-width:768px){.prompts{grid-template-columns:repeat(2,1fr)}}.prompt3{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:18px;align-items:flex-start;gap:12px;padding:14px 18px;font-size:14.5px;line-height:1.5;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.prompt3:hover{box-shadow:var(--shadow-md);border-color:#c9d6ff;transform:translateY(-2px)}.prompt3 svg{color:var(--accent);flex-shrink:0;margin-top:3px}.tgrid{gap:20px;display:grid}@media (min-width:640px){.tgrid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.tgrid{grid-template-columns:repeat(3,1fr)}}.tcard{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:20px;padding:24px}.tcard-top{align-items:center;gap:12px;margin-bottom:10px;display:flex}.tcard-ic{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.tcard p{color:var(--muted);font-size:14px;line-height:1.6}.tcard-tools{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.tcard-tools .tool-chip{background:var(--accent-soft);color:var(--accent-ink);border-color:#c9d6ff;font-size:10.5px}.tcard-tools .tool-chip:before{background:var(--accent);box-shadow:none}.dark3{color:#fff;background:var(--navy);position:relative;overflow:hidden}.dark3>*{position:relative}.dark3 .fcard,.dark3 .step3,.dark3 .tcard{color:#fff;box-shadow:none;background:#ffffff0d;border-color:#ffffff1a}.dark3 .fcard p,.dark3 .step3 p{color:#ffffffad}.dark3 .nums3>div{background:#ffffff0d;border-color:#ffffff1a}.dark3 .nums3 .small{color:#ffffffad}.dark3 .mini{box-shadow:0 0 0 1px #ffffff1a}.dark3 .faq details{background:#ffffff0d;border-color:#ffffff1a}.dark3 .faq p{color:#ffffffb3}.intro3{background:radial-gradient(900px 420px at 15% 0%, #2f6bff1f, transparent 60%), radial-gradient(700px 400px at 90% 20%, #7c5cff1f, transparent 60%), var(--bg);position:relative;overflow:hidden}.intro3-grid{align-items:center;gap:36px;padding:56px 0 64px;display:grid}@media (min-width:900px){.intro3-grid{grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:56px;padding:80px 0 96px}}.intro3-center{text-align:center;max-width:760px;margin:0 auto;padding:56px 0 24px}@media (min-width:768px){.intro3-center{padding:80px 0 32px}}.intro3 .lead-3{margin-top:18px}.intro3 .h1-3{margin-top:14px}.every{gap:20px;display:grid}@media (min-width:900px){.every{grid-template-columns:repeat(3,1fr)}}.every-col{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:20px;padding:26px}.every-col ul{gap:10px;margin-top:14px;font-size:14.5px;display:grid}.every-col li{align-items:flex-start;gap:10px;line-height:1.5;display:flex}.every-col li svg{color:var(--accent);flex-shrink:0;margin-top:3px}.narrow3{max-width:820px;margin:0 auto}.prose3{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-md);border-radius:24px;padding:32px 24px}@media (min-width:768px){.prose3{padding:48px 56px}}.calc3{background:var(--surface);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 40px 80px -40px #0b102073}.calc3>.calc-wrap>.card{box-shadow:none;background:0 0;border:0;border-radius:0}.site-hdr{z-index:50;color:var(--ink);background:0 0;border-bottom:1px solid #0000;transition:border-color .2s,box-shadow .2s;position:sticky;top:0}.site-hdr.is-scrolled{border-bottom-color:var(--line);background:#fff;box-shadow:0 4px 16px -10px #1018281f}.site-hdr+main,.site-hdr~main{margin-top:-64px}.site-hdr~main>:first-child:not(script),.site-hdr~main>script:first-child+*{border-top:64px solid #0000}.hdr-cta,.hdr-cta:visited,a.hdr-cta{color:#fff!important}.site-hdr .py-wordmark{color:#0f172a}.hdr3-link{color:#344054;border-radius:10px;padding:8px 12px;font-size:15px;font-weight:500;transition:color .15s,background .15s}.hdr3-link:hover{color:var(--ink);background:var(--surface-2)}.hdr3-link[aria-current=page]{color:var(--accent-ink)}.hdr-cta{color:#fff;white-space:nowrap;background:#2f6bff;border-radius:10px;justify-content:center;align-items:center;height:40px;padding:0 16px;font-size:14.5px;font-weight:600;line-height:1;transition:background .15s;display:inline-flex}.hdr-cta:hover{background:var(--accent-hover);color:#fff}.hdr-burger{border:1px solid var(--line);width:40px;height:40px;color:var(--ink);background:#fff;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.hdr-burger:hover{background:var(--surface-2)}.hdr-mobile{border-top:1px solid var(--line);background:#fff}.hdr-mobile-link{color:#344054;border-radius:10px;padding:10px 12px;font-size:15px;font-weight:500;display:block}.hdr-mobile-link:hover,.hdr-mobile-link[aria-current=page]{color:var(--ink);background:var(--surface-2)}}.herolight{color:var(--ink);border-bottom:1px solid var(--line);background:#fff;padding:48px 0 40px}.hl-in{align-items:center;gap:40px;display:grid}@media (min-width:900px){.hl-in{grid-template-columns:1fr 1.05fr;gap:56px}.herolight{padding:64px 0 56px}}.hl-h1{font-family:var(--font-display);letter-spacing:-.035em;max-width:12ch;margin:0 0 18px;font-size:clamp(36px,4.4vw,56px);font-weight:800;line-height:1.04}.hl-hl{color:var(--accent)}.hl-lead{color:var(--muted);max-width:520px;margin:0 0 24px;font-size:18px;line-height:1.55}.hl-ctas{flex-wrap:wrap;gap:12px;display:flex}.hl-trust{color:var(--muted);flex-wrap:wrap;gap:8px 22px;margin:22px 0 0;padding:0;font-size:13.5px;list-style:none;display:flex}.hl-trust li:before{content:"✓";color:var(--accent);margin-right:7px;font-weight:700}.hl-board{background:linear-gradient(160deg,#dcebff 0%,#b9d8f6 55%,#cfe4ff 100%);border-radius:28px;padding:28px;box-shadow:0 40px 80px -40px #2f6bff59}.hl-board .claude-win{box-shadow:0 30px 60px -30px #0b102073}@media (max-width:768px){.hl-board{border-radius:20px;padding:16px}}.hl-works{text-align:center;margin-top:56px}.hl-works-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:18px;font-size:13px;font-weight:600}.wl-board{background:#b8d6f2;border-radius:24px;padding:40px 24px}.wl-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px 56px;display:flex}.wl-item{color:#111;letter-spacing:-.02em;align-items:center;gap:10px;font-size:30px;display:inline-flex}.wl-claude{font-family:Georgia,Times New Roman,serif;font-size:34px}.wl-openai{font-family:var(--font-body);font-weight:700}.wl-gemini{font-family:var(--font-body);font-weight:500}.wl-cursor{font-family:var(--font-body);letter-spacing:.06em;font-size:22px;font-weight:800}@media (max-width:640px){.wl-item{font-size:22px}.wl-claude{font-size:24px}.wl-cursor{font-size:16px}.wl-board{padding:28px 16px}}.hl-note{color:var(--muted);margin-top:16px;font-size:14px}.connect-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.connect-btn{color:#111;background:#fff;border:1px solid #0000000f;border-radius:999px;align-items:center;gap:9px;padding:11px 16px;font-size:14.5px;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 8px 20px -14px #0009}.connect-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px -14px #0009}.hero3-visual{position:relative}.vswitch{z-index:300;color:#fff;background:#0b1020e6;border-radius:999px;gap:2px;padding:3px;font-size:12px;font-weight:600;display:inline-flex;position:fixed;bottom:16px;right:16px;box-shadow:0 10px 30px -10px #0009}.vswitch a{color:#ffffffb3;border-radius:999px;padding:6px 12px}.vswitch a.on{background:var(--accent);color:#fff}.hl-ctas{align-items:center}.connect-row.is-compact{margin-top:0}.connect-row.is-compact .connect-btn{background:var(--surface);border:1px solid var(--line);box-shadow:none;padding:11px 14px;font-size:14px}.connect-row.is-compact .connect-btn:hover{background:var(--surface-2);box-shadow:none;border-color:#c9d3f0;transform:none}.hl-link{color:var(--accent);align-items:center;gap:6px;margin-top:16px;font-size:15px;font-weight:600;display:inline-flex}.hl-link:hover{text-decoration:underline}.hl-link-dark{color:#9cb4ff}.connect-row.is-compact .connect-btn{white-space:nowrap}.hero3 .connect-row.is-compact .connect-btn{color:#fff;background:#ffffff14;border:1px solid #ffffff24}.hero3 .connect-row.is-compact .connect-btn:hover{background:#ffffff24}.cw-live .cw-user{min-height:44px}.cw-live .cw-caret{vertical-align:-2px;background:#1f1e1d;width:2px;height:1em;margin-left:2px;animation:1s steps(2,end) infinite cw-blink;display:inline-block}@keyframes cw-blink{50%{opacity:0}}.cw-live .cw-tool,.cw-live .cw-ai,.cw-live .cw-foot,.cw-live .plan-row{opacity:0;transition:opacity .35s,transform .35s;transform:translateY(6px)}.cw-live .cw-tool.is-on,.cw-live .cw-ai.is-on,.cw-live .cw-foot.is-on,.cw-live .plan-row.is-on{opacity:1;transform:none}.cw-live .cw-tools{min-height:76px}.cw-spin{border:2px solid #e5e2d9;border-top-color:#d97757;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite cw-rot;display:inline-block}@keyframes cw-rot{to{transform:rotate(360deg)}}.cw-greet{letter-spacing:-.01em;color:#1f1e1d;align-items:center;gap:8px;margin-bottom:6px;font-family:Georgia,Times New Roman,serif;font-size:24px;display:flex}@media (prefers-reduced-motion:reduce){.cw-live .cw-tool,.cw-live .cw-ai,.cw-live .cw-foot,.cw-live .plan-row{opacity:1;transform:none}}.hero-stage{position:relative}.hero-stage:before{content:"";filter:blur(30px);pointer-events:none;background:radial-gradient(60% 60% at 30% 20%,#7c5cff59,#0000 70%),radial-gradient(50% 50% at 80% 80%,#2f6bff59,#0000 70%);border-radius:40px;position:absolute;inset:-12% -8%}.herolight .hero-stage:before{background:radial-gradient(60% 60% at 30% 20%,#b8d6f2e6,#0000 70%),radial-gradient(50% 50% at 80% 80%,#c7b5ffb3,#0000 70%)}.hero-stage>*{position:relative}.pin{z-index:3;color:#0b1020;background:#fff;border-radius:14px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;animation:6s ease-in-out infinite pin-float;display:inline-flex;position:absolute;box-shadow:0 20px 40px -18px #0b102073,0 0 0 1px #0b10200f}.pin b{font-family:var(--font-display);letter-spacing:-.02em;font-size:20px;font-weight:800}.pin .ok{background:var(--good);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.pin-tl{top:-18px;left:-22px}.pin-br{animation-delay:-3s;bottom:-16px;right:-18px}@keyframes pin-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (max-width:900px){.pin{display:none}.hero-stage:before{inset:-6%}}@media (prefers-reduced-motion:reduce){.pin{animation:none}}.hero-hy{color:var(--ink);background:#fff;padding:56px 0 72px}@media (min-width:1000px){.hero-hy{padding:88px 0 104px}}.hero-hy-in{text-align:center;max-width:1040px}.hero-hy-h{font-family:var(--font-display);letter-spacing:-.03em;max-width:15em;color:var(--ink);text-wrap:balance;margin:0 auto;font-size:clamp(38px,6.1vw,76px);font-weight:800;line-height:1.06}.hero-hy-lead{color:var(--muted);text-wrap:pretty;max-width:760px;margin:26px auto 0;font-size:clamp(17px,1.5vw,19.5px);line-height:1.6}.hero-hy-ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.hero-hy-note{color:var(--muted);margin:16px 0 0;font-size:13.5px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.rot{display:inline-block}.rot-box{vertical-align:-.16em;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:.22em;margin:0 .02em;padding:.04em .26em .1em .2em;line-height:1.12;display:inline-grid;overflow:hidden}.rot-it{white-space:nowrap;opacity:0;grid-area:1/1;justify-content:center;align-items:center;gap:.18em;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .35s;display:inline-flex;transform:translateY(.62em)}.rot-it.on{opacity:1;transform:none}.rot-it.out{opacity:0;transform:translateY(-.62em)}.rot-ic{flex:none;width:.74em;height:.74em}.rot-claude .rot-ic{color:#d97757}.rot-chatgpt .rot-ic,.rot-cursor .rot-ic{color:var(--ink)}@media (prefers-reduced-motion:reduce){.rot-it{transition:none}}.aw-wrap{max-width:1180px;margin:56px auto 0}@media (min-width:1000px){.aw-wrap{margin-top:72px}}.aw{background:var(--surface);border:1px solid var(--line);text-align:left;color:var(--ink);border-radius:18px;font-size:13px;overflow:hidden;box-shadow:0 30px 80px -30px #0b102059}.aw-sp{flex:1}.aw-nav{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:52px;padding:0 16px;display:flex}.aw-wm{font-size:16px}.aw-proj{border:1px solid var(--line);border-radius:8px;align-items:center;gap:7px;padding:5px 9px 5px 8px;font-size:12.5px;font-weight:600;display:inline-flex}.aw-proj-dot{background:var(--accent);border-radius:5px;flex:none;width:16px;height:16px;display:inline-block}.aw-tabs{gap:2px;margin-left:8px;display:flex}.aw-tabs span{color:var(--muted);border-radius:8px;padding:6px 12px;font-weight:500}.aw-tabs span.on{background:var(--surface-2);color:var(--ink);font-weight:600}.aw-ava{background:var(--accent-soft);width:28px;height:28px;color:var(--accent-ink);border-radius:50%;justify-content:center;align-items:center;font-size:10.5px;font-weight:700;display:inline-flex}.aw-doc{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-width:0;padding:10px 16px;display:flex}.aw-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14.5px;font-weight:650;overflow:hidden}.aw-pill{border:1px solid var(--line);white-space:nowrap;border-radius:99px;flex:none;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.aw-saved{color:var(--good);white-space:nowrap;flex:none;align-items:center;gap:4px;font-size:12.5px;font-weight:500;display:inline-flex}.aw-btn{border:1px solid var(--line);white-space:nowrap;border-radius:9px;flex:none;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.aw-btn.pri{background:var(--accent);color:#fff;border-color:#0000}.aw-body{grid-template-columns:220px minmax(0,1fr) 360px;min-height:520px;display:grid}.aw-side{border-right:1px solid var(--line);background:var(--surface-2);padding:14px 12px}.aw-cap{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px 6px;font-size:11.5px;font-weight:600;display:block}.aw-phase{border-radius:10px;align-items:flex-start;gap:10px;padding:9px 8px;display:flex}.aw-phase b{background:var(--line);width:22px;height:22px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:11px;display:grid}.aw-phase.on{background:var(--surface);box-shadow:var(--shadow-sm)}.aw-phase.on b{background:var(--accent);color:#fff}.aw-phase span{font-weight:600;display:grid}.aw-phase small{color:var(--muted);font-size:11.5px;font-weight:500}.aw-main{padding:14px 16px}.aw-rows{gap:8px;display:grid}.aw-row{border:1px solid var(--line);background:var(--surface);opacity:0;border-radius:12px;grid-template-columns:64px 1fr auto;align-items:center;gap:10px;padding:10px 12px;transition:opacity .35s,transform .35s;display:grid;transform:translateY(6px)}.aw-row.on{opacity:1;transform:none}.aw-day{font-family:var(--font-mono);color:var(--muted);font-size:11px}.aw-subj{font-weight:600}.aw-rem{color:var(--accent-ink);background:var(--accent-soft);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px}.aw-chat{border-left:1px solid var(--line);background:#f6f5f0;padding:12px}.aw-chat .claude-win{box-shadow:none;border:1px solid #e5e2d9;font-size:12.5px}.aw-chat .cw-body{padding:14px 14px 6px}@media (max-width:1000px){.aw-body{grid-template-columns:1fr}.aw-side,.aw-chat,.aw-tabs{display:none}}@media (prefers-reduced-motion:reduce){.aw-row{opacity:1;transform:none}}.sb-primary,.sb-primary:visited{color:#fff;background:var(--accent)}.sb-primary svg{color:#fff}.sb-outline,.sb-outline:visited{color:var(--ink)}.sb-light,.sb-light:visited{color:#fff}.sb-lg{padding:15px 26px;font-size:16px}.hero-hy-note,.hl-note,.hl-trust{color:#4b5670;font-size:14.5px}.hero-hy-lead,.wrap3 .site-lead,.lead-3{color:#3f4a63}.hero-om{color:var(--ink);background:radial-gradient(640px 440px at 10% 6%,#2f6bff24,#0000 70%) border-box,radial-gradient(600px 440px at 90% 2%,#7c5cff24,#0000 70%) border-box,radial-gradient(900px 520px at 50% 72%,#7c5cff1a,#0000 70%) border-box,radial-gradient(760px 420px at 50% 100%,#f0427f12,#0000 70%) border-box,#fff;padding:72px 0 96px;position:relative;overflow:hidden}@media (min-width:1000px){.hero-om{padding:104px 0 120px}}.hero-om-in{text-align:center;max-width:1040px}.hero-om-h{font-family:var(--font-display);letter-spacing:-.035em;max-width:14em;color:var(--ink);margin:0 auto;font-size:clamp(40px,6.4vw,84px);font-weight:800;line-height:1.02}.hero-om-lead{color:#3f4a63;max-width:720px;margin:26px auto 0;font-size:clamp(17px,1.5vw,19.5px);line-height:1.6}.hero-om-ctas{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:36px;display:flex}.om-btn{color:#0b1020;border:1.5px solid var(--line-2);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:16px 26px;font-size:17px;font-weight:600;transition:transform .15s,box-shadow .15s,border-color .15s;display:inline-flex}.om-btn:hover{border-color:#b9c7f0;transform:translateY(-2px);box-shadow:0 12px 28px -14px #2f6bff73}.om-btn svg{color:#0b1020}.om-btn .om-claude{color:#d97757}.hero-om-note{color:#4b5670;margin:18px 0 0;font-size:14.5px}.hero-om-alt{color:var(--accent-ink);text-underline-offset:3px;font-weight:600;text-decoration:underline}.hero-om .aw{box-shadow:0 1px 2px #1018280f,0 40px 90px -36px #2f6bff73,0 24px 70px -40px #7c5cff73}.hero-om .aw-wrap{margin-top:64px}.mcp-hero-eyebrow{margin-bottom:18px}.mcp-hero .hero-om-h{text-wrap:balance;max-width:15em}.mcp-hero-note{max-width:640px;margin-left:auto;margin-right:auto;line-height:1.55}.mcp-hero-visual{max-width:820px;margin-top:56px}@media (min-width:1000px){.mcp-hero-visual{margin-top:72px}}.mcp-hero .hv{box-shadow:0 40px 90px -36px #2f6bff73,0 24px 70px -40px #7c5cff73,inset 0 1px #ffffff59}.mcp-tabs{z-index:40;background:var(--bg);background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:64px}.mcp-tabs-in{background:var(--surface);border:1px solid var(--line);width:max-content;max-width:100%;box-shadow:var(--shadow-sm);scrollbar-width:none;border-radius:999px;gap:2px;margin:10px auto;padding:4px;list-style:none;display:flex;overflow-x:auto}.mcp-tabs-in::-webkit-scrollbar{display:none}.mcp-tabs-in li{flex:none;display:flex}.mcp-tab{color:var(--muted);white-space:nowrap;border-radius:999px;flex:none;padding:8px 16px;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.mcp-tab:hover{color:var(--ink);background:var(--surface-2)}.mcp-tab.is-on{background:var(--navy);color:#fff}.mcp-anchor{scroll-margin-top:132px}@media (max-width:640px){.mcp-tabs-in{justify-content:flex-start;width:100%;margin:8px 0}.mcp-tab{padding:7px 13px;font-size:13.5px}}.mcp-start{gap:20px;display:grid}@media (min-width:640px){.mcp-start{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.mcp-start{grid-template-columns:repeat(4,1fr)}}.mcp-help{background:var(--accent-soft);border-color:#c9d6ff;flex-direction:column;display:flex}.mcp-help .fcard-ic{margin-bottom:18px}.mcp-help .link-arrow{margin-top:auto;padding-top:14px}.mcp-tool{background:var(--accent-soft);color:var(--accent-ink);border-color:#c9d6ff;font-size:10.5px}.mcp-tool:before{background:var(--accent);box-shadow:none}.mcp-tool svg{color:var(--accent)}.mcp-skills{gap:20px;display:grid}@media (min-width:900px){.mcp-skills{grid-template-columns:repeat(2,1fr)}}.mcp-skill{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;padding:26px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.mcp-skill:hover{box-shadow:var(--shadow-md);border-color:#c9d6ff;transform:translateY(-3px)}.mcp-skill-head{align-items:center;gap:14px;display:flex}.mcp-skill-ic{flex-shrink:0;margin-bottom:0}.mcp-skill-file{font-family:var(--font-mono);color:var(--muted);margin-top:3px;font-size:11.5px;display:block}.mcp-skill-d{color:var(--muted);margin-top:14px;font-size:14.5px;line-height:1.6}.mcp-skill-tools{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.mcp-md{background:var(--surface-2);border:1px solid var(--line);max-height:190px;font-family:var(--font-mono);color:var(--ink);white-space:pre-wrap;word-break:break-word;border-radius:12px;margin-top:16px;padding:14px 16px;font-size:11.5px;line-height:1.6;position:relative;overflow:hidden}.mcp-md:after{content:"";background:linear-gradient(180deg, transparent, var(--surface-2));pointer-events:none;height:70px;position:absolute;bottom:0;left:0;right:0}.mcp-skill-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}@media (max-width:640px){.mcp-skill-actions .sb{flex:auto}}.copy-btn.is-done{color:var(--good)!important;border-color:#bfe8d1!important}.sb-primary.copy-btn.is-done{color:#fff!important}.mcp-filters{flex-wrap:wrap;justify-content:center;gap:8px;margin:-16px 0 36px;display:flex}.mcp-chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13.5px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.mcp-chip:hover{color:var(--ink);border-color:#c9d6ff}.mcp-chip.is-on{background:var(--navy);color:#fff;border-color:var(--navy)}.mcp-chip-n{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.mcp-chip.is-on .mcp-chip-n{color:#fff;background:#ffffff29}.mcp-prompts{gap:20px;display:grid}@media (min-width:640px){.mcp-prompts{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.mcp-prompts{grid-template-columns:repeat(3,1fr)}}.mcp-prompt{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;padding:22px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.mcp-prompt:hover{box-shadow:var(--shadow-md);border-color:#c9d6ff;transform:translateY(-3px)}.mcp-prompt-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.mcp-prompt .h3-3{font-size:18px}.mcp-prompt-d{color:var(--muted);margin-top:6px;font-size:14px;line-height:1.55}.mcp-prompt-q{background:var(--surface-2);border-left:3px solid var(--accent);color:var(--ink);border-radius:12px;flex:1;margin-top:14px;padding:12px 14px 12px 16px;font-size:13.5px;line-height:1.55}.mcp-prompt-foot{margin-top:16px}.mcp-articles{gap:20px;display:grid}@media (min-width:900px){.mcp-articles{grid-template-columns:repeat(3,1fr)}}.mcp-article{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;overflow:hidden}.mcp-article:hover{box-shadow:var(--shadow-md);border-color:#c9d6ff;transform:translateY(-3px)}.mcp-article-band{color:#ffffffe6;background:radial-gradient(120% 90% at 20% 0,#ff8dba 0%,#c77dff 38%,#5b8cff 70%,#2f6bff 100%);place-items:center;height:110px;display:grid}.mcp-article.is-2 .mcp-article-band{background:radial-gradient(120% 100% at 0 0,#1b2b6b 0%,#0e1633 55%,#070b1a 100%)}.mcp-article.is-3 .mcp-article-band{background:radial-gradient(120% 90% at 10% 0,#bff3e0 0%,#8fd9ff 55%,#5b8cff 100%)}.mcp-article-body{padding:20px 22px 24px}.mcp-article-body .h3-3{margin-top:12px}.mcp-article-body p{color:var(--muted);margin-top:8px;font-size:14.5px;line-height:1.6}.mcp-token{background:var(--amber-soft);max-width:720px;color:var(--amber);border-radius:14px;align-items:flex-start;gap:10px;margin:-24px auto 32px;padding:12px 16px;font-size:14px;font-weight:500;line-height:1.5;display:flex}.mcp-token svg{flex-shrink:0;margin-top:2px}.mcp-connect{gap:20px;display:grid}@media (min-width:1024px){.mcp-connect{grid-template-columns:repeat(3,1fr)}}.mcp-conn{background:var(--surface);border:1px solid var(--line);min-width:0;box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;padding:26px;display:flex}.mcp-conn:target{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.mcp-conn-head{align-items:center;gap:14px;margin-bottom:18px;display:flex}.mcp-conn-ic{background:var(--navy);color:#fff;border-radius:14px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.mcp-conn-ic.is-claude{color:#d97757}.mcp-conn-sub{color:var(--muted);margin-top:2px;font-size:12.5px}.mcp-steps{gap:10px;display:grid}.mcp-steps li{color:var(--muted);gap:10px;font-size:14px;line-height:1.55;display:flex}.mcp-step-n{background:var(--accent-soft);width:22px;height:22px;color:var(--accent-ink);border-radius:50%;flex-shrink:0;place-items:center;margin-top:1px;font-size:11px;font-weight:700;display:grid}.mcp-conn-note{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.55}.mcp-conn-check{color:var(--ink);margin-top:auto;padding-top:16px;font-size:13px;font-weight:500;line-height:1.55}.cbox{min-width:0;margin-top:14px;position:relative}.cbox-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:11.5px;font-weight:700}.cbox-pre{white-space:pre;margin:0;padding:12px 92px 12px 14px;font-size:12px}.cbox-pre[data-lang=text]{white-space:pre-wrap;word-break:break-all}.cbox-btn{color:#fff;background:#ffffff1a;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:5px;padding:5px 9px;font-size:11.5px;font-weight:600;transition:background .15s;display:inline-flex;position:absolute;top:26px;right:8px}.cbox:not(:has(.cbox-label)) .cbox-btn{top:8px}.cbox-btn:hover{background:#ffffff2e}.cbox-btn.is-done{color:#8be6b8}.dark3 .hero-om-ctas{margin-top:32px}.dark3 .om-btn{box-shadow:none;border-color:#0000}@media (max-width:640px){.mcp-hero .om-btn,.dark3 .om-btn{justify-content:center;width:100%}}