@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/ibm-plex-mono-400-c36f509c0a8f.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/ibm-plex-mono-500-a76f53ca6612.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(/assets/fonts/inter-400-800-c940764593d0.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } .cf,.cd{--cb:#1762f2;--cbd:#0f4fd0;--ci:#182638;--ci2:#46546a;--cm:#6b7789;--cl:#e3e8ef;--cs:#f5f7fb;--cc:#0d1726;--cok:#0f8a5f;--cbad:#c2341d;--cmono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ci)} .cf{background:#fff;border-top:1px solid var(--cl);padding:72px 0 28px;font-size:14px;line-height:1.5;margin-top:0} .cf *{box-sizing:border-box} .cf a{color:inherit;text-decoration:none} .cf .cw{max-width:1180px;margin:0 auto;padding:0 24px} .cf .top{display:grid;grid-template-columns:1.25fr 3fr;gap:48px} .cf .brand img{display:block;height:36px;width:auto} .cf .brand p{color:var(--ci2);margin:16px 0 20px;max-width:300px;font-size:15px} .cf .api{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--cl);border-radius:4px;padding:7px 11px;font:500 12px var(--cmono);color:var(--ci2)} .cf .api i{width:7px;height:7px;border-radius:50%;background:var(--cok);box-shadow:0 0 0 3px #e3f5ee} .cf .api:hover{border-color:var(--cb);color:var(--cb)} .cf .cols{display:grid;grid-template-columns:repeat(4,1fr);gap:32px} .cf .grp+.grp{margin-top:32px} .cf h4{margin:0 0 14px;font-size:13px;font-weight:600;color:var(--ci);letter-spacing:0} .cf ul{list-style:none;margin:0;padding:0;display:grid;gap:10px} .cf li a{color:var(--cm);display:inline-flex;align-items:center;gap:6px} .cf li a:hover{color:var(--cb)} .cf .pv{font:500 10px var(--cmono);color:#a86a00;border:1px solid #f0dcb0;background:#fff8ea;border-radius:3px;padding:0 5px;line-height:16px} .cf .bot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:56px;padding-top:22px;border-top:1px solid var(--cl);color:var(--cm);font-size:13px} .cf .soc{display:flex;gap:16px;flex-wrap:wrap}.cf .soc a:hover{color:var(--cb)} .cf .fine{max-width:1180px;margin:14px auto 0;padding:0 24px;color:#8a95a5;font-size:12px} @media(max-width:900px){.cf .top{grid-template-columns:1fr}.cf .cols{grid-template-columns:repeat(2,1fr)}} @media(max-width:520px){.cf{padding-top:52px}.cf .cw,.cf .fine{padding:0 16px}.cf .cols{gap:24px}} body.cdb{margin:0;background:#fff;-webkit-font-smoothing:antialiased} .cd *{box-sizing:border-box}.cd a{color:inherit;text-decoration:none} .cd .cw{max-width:1180px;margin:0 auto;padding:0 24px} .cd header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--cl)} .cd .nav{display:flex;align-items:center;gap:28px;height:64px} .cd .nav img{height:32px;display:block} .cd .nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;font-size:14.5px;font-weight:500;color:var(--ci2)} .cd .nav ul a:hover,.cd .nav ul a[aria-current]{color:var(--ci)} .cd .nav .r{margin-left:auto;display:flex;gap:10px} .cd .btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:6px;font:600 14.5px Inter,sans-serif;border:1px solid transparent;cursor:pointer} .cd .btn.p{background:var(--cb);color:#fff}.cd .btn.p:hover{background:var(--cbd)} .cd .btn.s{border-color:var(--cl);background:#fff;color:var(--ci)}.cd .btn.s:hover{border-color:#c6cfdb} .cd .tag{font:500 12px var(--cmono);letter-spacing:.05em;text-transform:uppercase;color:var(--cb)} .cd .pv{font:500 11px var(--cmono);color:#a86a00;border:1px solid #f0dcb0;background:#fff8ea;border-radius:3px;padding:2px 7px;vertical-align:middle} .cd .hero{padding:72px 0 48px;border-bottom:1px solid var(--cl);background:linear-gradient(180deg,#f7f9fd,#fff 80%)} .cd h1{font-size:clamp(34px,4.6vw,54px);line-height:1.05;letter-spacing:-.035em;margin:14px 0 16px;font-weight:800} .cd h1 em{font-style:normal;color:var(--cb)} .cd .lede{font-size:18.5px;color:var(--ci2);max-width:660px;margin:0 0 28px} .cd h2{font-size:28px;letter-spacing:-.025em;margin:0 0 10px;font-weight:800} .cd h3{font-size:17px;margin:28px 0 8px} .cd p{color:var(--ci2)} .cd section{padding:64px 0;border-bottom:1px solid var(--cl)} .cd pre,.cd .code{background:var(--cc);color:#cdd6e4;border-radius:8px;font:13px/1.65 var(--cmono);padding:18px;overflow:auto;margin:0} .cd code{font:13px var(--cmono);background:var(--cs);border:1px solid var(--cl);border-radius:3px;padding:1px 5px;color:var(--ci)} .cd pre code{background:none;border:0;padding:0;color:inherit} .cd .k{color:#7fb0ff}.cd .s{color:#9fd8b4}.cd .c{color:#6c7a92}.cd .w{color:#ffcf7a} .cd .docs{display:grid;grid-template-columns:220px 1fr;gap:48px;align-items:start} .cd .toc{position:sticky;top:88px;display:grid;gap:4px;font-size:14px} .cd .toc b{font-size:12px;color:var(--cm);text-transform:uppercase;letter-spacing:.06em;margin:14px 0 4px} .cd .toc a{color:var(--ci2);padding:4px 0}.cd .toc a:hover{color:var(--cb)} .cd .doc>div{padding:0 0 48px;margin-bottom:48px;border-bottom:1px solid var(--cl)} .cd table{width:100%;border-collapse:collapse;font-size:14px;margin:12px 0} .cd th,.cd td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--cl);vertical-align:top} .cd th{font-size:12px;color:var(--cm);font-weight:600;text-transform:uppercase;letter-spacing:.04em} .cd td code{white-space:nowrap} .cd .two{display:grid;grid-template-columns:1fr 1fr;gap:24px} .cd .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--cl);border:1px solid var(--cl);border-radius:8px;overflow:hidden;margin-top:28px} .cd .card{background:#fff;padding:24px}.cd a.card:hover{background:var(--cs)} .cd .card b{display:block;margin-bottom:6px}.cd .card p{margin:0;font-size:14.5px} .cd .tpl{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px} .cd .tpl button{font:500 14px Inter,sans-serif;border:1px solid var(--cl);background:#fff;border-radius:6px;padding:8px 14px;cursor:pointer;color:var(--ci2)} .cd .tpl button[aria-pressed=true]{border-color:var(--cb);color:var(--cb);background:#f2f6fe} .cd .pg{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--cl);border-radius:8px;overflow:hidden} .cd .pg>div{padding:20px;min-width:0}.cd .pg>div+div{border-left:1px solid var(--cl);background:var(--cs)} .cd label{display:block;font-weight:600;font-size:13px;margin:0 0 8px} .cd textarea{width:100%;border:1px solid var(--cl);border-radius:6px;padding:12px;font:13px/1.55 var(--cmono);color:var(--ci);resize:vertical;background:#fff} .cd textarea:focus{outline:2px solid #bcd2fd;border-color:var(--cb)} .cd .verdict{display:flex;gap:10px;align-items:center;font-weight:700;font-size:17px;margin-bottom:12px} .cd .dot{width:10px;height:10px;border-radius:50%;background:var(--cm)} .cd .res{display:grid;gap:12px} .cd .case{background:#fff;border:1px solid var(--cl);border-radius:6px;padding:12px 14px;font-size:14px} .cd .case .t{white-space:pre-wrap;color:var(--ci)} .cd .case mark{background:#fde4df;color:var(--cbad);border-bottom:2px solid var(--cbad);padding:0 1px} .cd .case ul{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px;font-size:13.5px;color:var(--ci2)} .cd .case li code{color:var(--cbad);background:#fdeeea;border-color:#f6d3cb;margin-right:8px} .cd .case .ok{color:var(--cok);font-weight:600;font-size:13px} .cd .err{color:var(--cbad);font:13px var(--cmono)} .cd details{margin-top:16px}.cd summary{cursor:pointer;font-weight:600;font-size:14px} .cd .doc{min-width:0} @media(max-width:900px){.cd table{display:block;overflow-x:auto}.cd .docs,.cd .pg,.cd .two{grid-template-columns:1fr}.cd .toc{position:static;grid-auto-flow:row}.cd .pg>div+div{border-left:0;border-top:1px solid var(--cl)}.cd .cards{grid-template-columns:1fr}.cd .nav ul{display:none}} @media(max-width:520px){.cd .cw{padding:0 16px}.cd .nav .r .s{display:none}} .cd h1,.cd h2{font-weight:500}.cd .nav{gap:36px}.cd .record-boundary{padding:18px;border-left:3px solid var(--cb);background:var(--cs);line-height:1.7}.cd .nav img{width:110px;height:auto}.cd .nav .menu15{display:none}.cd .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:32px 0}.cd .price-panel{border:1px solid var(--cl);padding:28px;border-radius:6px}.cd .price-panel h3{margin:12px 0}.cd .price-panel strong{display:block;font-size:32px;font-weight:500;margin:20px 0}.cd .price-panel ul{padding-left:18px;line-height:2;color:var(--ci2)}.cd .price-panel.featured{border-color:var(--cb);background:linear-gradient(140deg,#f5f9ff,#fff)}.cd details.pricing-faq{border-bottom:1px solid var(--cl);padding:18px 0}.cd .nav .menu15{border:1px solid var(--cl);background:white;padding:8px;border-radius:4px}@media(max-width:900px){.cd .nav{gap:16px}.cd .nav .menu15{display:block;margin-left:auto}.cd .nav .r{margin-left:0}.cd header.open ul{display:grid;position:absolute;top:64px;left:0;right:0;background:white;padding:20px;border-bottom:1px solid var(--cl)}.cd .pricing-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}} :root{--spectrum:linear-gradient(110deg,#1762f2 5%,#00b5e8 42%,#7a44ed 72%,#ef36b7);--navy:#101a32;--hair:#dce4ef}html{scroll-padding-top:110px}body{background:#fff}a,button{-webkit-tap-highlight-color:transparent}.wrap,.cd .cw{max-width:1240px}header{border-bottom-color:#dfe5ef!important}.nav{gap:44px}.nav ul{gap:25px}.nav .r .btn,.cd .btn,.btn{border-radius:4px;font-weight:500}.nav .r .btn.p,.btn.p,.cd .btn.p{background:#1762f2;box-shadow:0 3px 0 #0e47ba12}.logo img{width:126px}.release-band{background:var(--navy);color:#d5e0f7;font-size:12px}.release-band>.wrap{display:flex;gap:26px;align-items:center;min-height:40px}.release-band span{font:10px var(--mono);letter-spacing:.08em;color:#8db6ff}.release-band a b{color:#64d7f8;margin-left:20px}.hero{position:relative;isolation:isolate;padding:62px 0 68px;background:radial-gradient(ellipse at 95% 20%,#e8dfff8a,transparent 48%),radial-gradient(ellipse at 55% 100%,#c1efff75,transparent 50%),#fff;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#6f83a70c 1px,transparent 1px),linear-gradient(90deg,#6f83a70c 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000)}.hero .g{grid-template-columns:1fr 1fr;gap:56px}.hero h1{font-size:clamp(46px,5.2vw,68px);font-weight:500;line-height:1.06;letter-spacing:-.05em;margin:24px 0}.hero h1 em{background:var(--spectrum);background-clip:text;-webkit-background-clip:text;color:transparent}.hero .lede{font-size:18px;line-height:1.6;max-width:480px;margin-bottom:26px}.hero small{font-size:11px}.signal-dot{display:inline-block;background:#1762f2;width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 4px #1762f211;margin-right:4px}.hero-product{transform:none;border-radius:8px;background:#fff;border:1px solid #c9d5e6;box-shadow:0 28px 75px -30px #324c8260;position:relative}.hero-product:before{content:'';display:block;height:3px;background:var(--spectrum)}.product-top{background:var(--navy);color:white;border-color:#253454;padding:17px 21px}.product-top img{background:#fff;border-radius:3px;padding:5px;width:85px}.product-top>small{color:#adbfda;font-size:8px}.product-top b{border-color:#40506a;padding-left:14px}.sample-label{margin:22px 22px 12px}.hero-picks{margin:0 22px 18px}.hero-input{margin:0 22px;background:#f5f7fc}.hero-input p{font-size:17px}.hero-result{margin:0 22px 18px;padding:14px;min-height:83px}.check-path{margin:18px 24px}.hero-try{padding:15px 22px}.product-note{padding:10px 22px}.tag{font-size:10px;letter-spacing:.1em}.sub{font-size:17px;max-width:650px;margin-bottom:30px}section{padding:62px 0}h2{font-weight:500;font-size:clamp(30px,3.4vw,44px);letter-spacing:-.04em}.section-split{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:end;margin-bottom:30px}.section-split p{font-size:16px;line-height:1.7;color:var(--ink2,#46546a);max-width:500px;margin-bottom:12px}.inline-link{color:#1762f2;font-size:14px}.grid{border-radius:5px;gap:16px;background:transparent;border:0}.card{border:1px solid var(--hair);border-radius:5px;position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s}.card:before{content:'';position:absolute;height:2px;top:0;left:0;right:0;background:var(--spectrum);opacity:0;transition:opacity .2s}.card:hover{transform:translateY(-3px);box-shadow:0 14px 35px -20px #21467a55}.card:hover:before{opacity:1}.card h3{font-size:17px;font-weight:600}.card p{font-size:14px;line-height:1.65}.card .more{font-size:13px}.ico{background:#eef3ff;border:1px solid #dce7ff;font-size:18px;border-radius:4px}.dark{background:var(--navy);color:#fff;border:0;position:relative}.dark .tag{color:#7eb2ff}.dark .section-split p{color:#aebfda}.dark .inline-link{color:#88d8ff}.runtime-line{display:flex;align-items:center;gap:18px;border-block:1px solid #2b3851;padding:26px 0}.runtime-line>div{flex:1;display:grid;gap:8px}.runtime-line span{color:#73c8ff;font:11px var(--mono)}.runtime-line b{font-weight:500;font-size:19px}.runtime-line small{color:#9babca;font-size:11px}.runtime-line i{font-style:normal;color:#526787}.runtime-caption{color:#8c9fbc;font:10px/1.7 var(--mono);margin:18px 0 0}.tool{box-shadow:0 16px 60px -40px #315a9470;border-radius:5px}.tool .in{padding:24px}.tool .out{padding:24px;background:#f4f7fc}.tool textarea{min-height:180px;font-size:14px}.hl{font-size:14px}.fails{gap:10px;font-size:13px}.fails code{font-size:10px;max-width:100%;overflow-wrap:anywhere;white-space:normal}.ex button{padding:8px 10px;font-size:12px}.dev{align-items:center;grid-template-columns:1fr 1fr;gap:64px}.dev .sub{margin-bottom:24px}.code-window{background:#0f1a30;border:1px solid #273855;border-radius:6px;box-shadow:0 22px 65px -35px #22395780;overflow:hidden;color:#dce8fc;font:13px/1.7 var(--mono)}.code-top{display:flex;justify-content:space-between;padding:14px 22px;border-bottom:1px solid #283751;font-size:10px;color:#9db5d6}.code-window pre{padding:20px 22px;margin:0;overflow:auto;color:#a0e4ff}.code-output{margin:0 22px 18px;border-left:2px solid #ec9e7c;background:#ffffff05;padding:12px 16px}.code-output span{font-size:9px;color:#91a5c7;display:block}.code-output b{font-size:12px;font-weight:500;color:#ffc7a9}.code-output p{font-size:11px;margin:4px 0;color:#b8c7de}.code-window>a{display:block;padding:13px 22px;border-top:1px solid #283751;color:#9dd1ff;font-size:11px}.service-disclosure{border-block:1px solid var(--hair);padding:18px 0}.service-disclosure summary{cursor:pointer;display:flex;align-items:center;gap:24px;font-size:16px;list-style:none}.service-disclosure summary span{font:10px var(--mono);text-transform:uppercase;color:#1762f2;letter-spacing:.05em}.service-disclosure summary b{margin-left:auto;font-weight:400;font-size:23px;color:#1762f2}.service-content{padding:30px 0 0}.trust{gap:32px}.trust h4{font-size:15px}.trust p{font-size:13px;line-height:1.7}.cta{padding:62px 0;background:radial-gradient(ellipse at 70% 100%,#d8efff,#fff 70%)}.cf{padding-top:54px!important;border-top:1px solid #dce4ef;background:linear-gradient(180deg,#fafbfe,#fff)!important}.cf .bot{margin-top:40px!important}.cf .api i{background:#1762f2!important;box-shadow:0 0 0 3px #e6efff!important}.cf .brand img{height:32px!important}.cf .cols{gap:26px!important}.cf .fine{line-height:1.7}.cd .hero{padding:54px 0 44px}.cd .hero h1{font-size:clamp(36px,4.4vw,58px)}.cd section{padding:54px 0}.cd .docs{grid-template-columns:180px 1fr;gap:44px}.cd .toc{border-left:1px solid #dce4ef;padding-left:18px;top:100px}.cd .doc>div{scroll-margin-top:100px}.cd .doc>div:last-child{margin-bottom:0;padding-bottom:0}.cd pre{border:1px solid #263650;border-radius:5px}.cd .pg{border-radius:5px;box-shadow:0 14px 45px -35px #22427960}.cd .nav{height:76px}.cd .tpl button{border-radius:4px}.cd .tpl button[aria-pressed=true]{box-shadow:inset 0 -2px #1762f2}.cd .record-boundary{font-size:13px}.proof-lab{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--hair);border-radius:5px;overflow:hidden}.proof-lab>div{padding:28px}.lab-label{font:10px var(--cmono,var(--mono));letter-spacing:.08em;color:#70839c;display:block}.lab-claim{font-size:24px;color:#172943!important;line-height:1.3}.lab-record{border-left:2px solid #1762f2;display:grid;grid-template-columns:1fr auto;gap:8px;background:#f4f7fd;padding:14px 18px;font:12px var(--cmono,var(--mono))}.lab-record b{font-size:10px;color:#237154}.lab-record small{grid-column:1/-1;font-size:10px;color:#7b8a9e}.lab-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.lab-actions button{font-size:12px!important}.lab-response{background:#111d34;color:#dce8fc}.lab-response>b{display:block;font-size:18px;font-weight:500;margin:20px 0 10px}.lab-response p{color:#a9bad5;font-size:13px;line-height:1.6}.lab-response pre{max-height:280px;font-size:11px}.lab-actions button:disabled{opacity:.5;cursor:wait}.cd .nav .menu15{color:#182638}.cd .pricing-grid{gap:18px}.cd .price-panel{padding:25px}.cd .price-panel strong{font-size:29px}.cd .price-panel.featured{box-shadow:0 14px 35px -25px #1762f260} @media(max-width:1100px){.nav{gap:24px}.nav ul{gap:16px}.hero .g{gap:30px}.hero h1{font-size:54px}.section-split{gap:30px}}@media(max-width:980px){.hero .g,.section-split,.dev{grid-template-columns:1fr}.hero h1{max-width:650px}.hero-product{max-width:620px}.hero .lede{max-width:600px}.section-split{gap:10px}.runtime-line{flex-wrap:wrap}.runtime-line>div{flex-basis:25%}.runtime-line>i{display:none}.dev{gap:28px}.proof-lab{grid-template-columns:1fr}.cd .docs{grid-template-columns:1fr}.cd .toc{position:static}.release-band>.wrap{gap:12px;font-size:10px}.release-band span{font-size:8px}}@media(max-width:620px){.hero{padding:38px 0 42px}.hero h1{font-size:46px}.hero .lede{font-size:16px}.release-band>.wrap{padding-block:9px;line-height:1.5}.release-band a b{margin-left:4px}.runtime-line>div{flex-basis:40%}.runtime-line{row-gap:24px}.hero .g{gap:32px}.service-disclosure summary{gap:12px;flex-wrap:wrap;font-size:14px}.service-disclosure summary span{width:100%}.proof-lab>div{padding:20px}.lab-claim{font-size:22px}.cd .nav{gap:12px;height:70px}.cd header.open ul{top:70px}.cd .nav img{width:95px}.section-split h2{margin-bottom:10px}section{padding:44px 0}.card{padding:24px}.g3{grid-template-columns:1fr}.cf .brand p{font-size:14px!important}.release-band{font-size:10px}.nav .logo img{width:106px}} @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}} .oauth-options{display:grid;gap:10px;margin-bottom:24px}.oauth-options button{width:100%}.oauth-options [disabled]{opacity:.5;cursor:not-allowed}.oauth-options p{font-size:12px;line-height:1.5!important;color:#607088}.oauth-options[hidden]{display:none!important}.auth-card{max-width:460px;margin:0 auto;padding:28px;border:1px solid #dce3ef;border-radius:12px;background:#fff;box-shadow:0 12px 32px #10204408}.auth-card form{display:grid;gap:12px;margin:22px 0}.auth-card [hidden]{display:none!important}.auth-card input{width:100%;min-width:0;box-sizing:border-box;padding:13px;border:1px solid #dce3ef;border-radius:6px;font:inherit;background:#fff;color:#142238}.auth-card label{font-size:14px;font-weight:600}.auth-card h3,.auth-card p{margin:0}.auth-card form p{line-height:1.5;color:#607088}.auth-mode{display:flex;gap:6px;padding:4px;background:#f2f5fb;border-radius:8px}.auth-mode button{flex:1;padding:10px;border:0;border-radius:5px;background:transparent;font:inherit;cursor:pointer}.auth-mode button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #10204418;color:#1760ff}.auth-card #auth-status{margin:18px 0;line-height:1.5;font-size:14px}.auth-card .text-action{padding:10px 0;font:inherit;color:#1760ff;background:none;border:0;cursor:pointer}.auth-card .fine{font-size:12px;margin-top:20px;line-height:1.5}.auth-card .btn{justify-content:center;white-space:normal}#account-ready{display:grid;gap:12px}@media(max-width:600px){.auth-card{padding:20px}.studio-account{padding:20px!important}} .studio-mission{padding:24px;border:1px solid #dce3ef;background:#f7f9ff;margin:28px 0}.studio-mission ol{display:flex;flex-wrap:wrap;gap:12px 32px;padding-left:24px}.studio-mission li{padding:8px}.studio-mission li[data-complete=true]{color:#097657;font-weight:600}.studio-output .btn{margin:16px 0}#studio-api-result{max-height:320px;overflow:auto}#cloud-projects{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0} .site-header .nav{height:80px;gap:38px;position:relative}.site-header .logo{display:block;flex:none}.site-header .logo img{width:126px;height:auto;display:block}.site-header .site-links{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:500;color:#46546a}.site-header .site-links>a{white-space:nowrap}.site-header a[aria-current=page]{color:#1762f2}.site-header .r{margin-left:auto;display:flex;gap:10px;align-items:center}.site-header .menu15{display:none}.product-trigger{border:0;background:none;padding:10px 0;font:inherit;color:inherit;cursor:pointer;display:flex;gap:9px;align-items:center}.product-trigger[aria-expanded=true]{color:#1762f2}.product-trigger span{transition:transform .16s}.product-trigger[aria-expanded=true] span{transform:rotate(180deg)}.product-navigation{position:absolute;top:calc(100% - 2px);left:180px;width:min(680px,calc(100vw - 64px));background:#fff;box-shadow:0 22px 50px -22px #16346266;border:1px solid #dce4ef;border-radius:5px;display:grid;grid-template-columns:1fr 1fr;z-index:40;overflow:hidden}.product-navigation[hidden]{display:none}.product-navigation>div{padding:24px}.nav-preview{background:#f5f8fe;border-left:1px solid #dce4ef}.nav-eyebrow{font:9px 'IBM Plex Mono',monospace;letter-spacing:.09em;color:#7b8da6;display:block;margin-bottom:14px}.product-navigation a{display:block;padding:13px 0}.product-navigation b{font-size:14px;font-weight:500;color:#182638;display:flex;align-items:center;gap:10px}.product-navigation b>span{margin-left:auto;color:#1762f2}.product-navigation small{display:block;font-size:12px;font-weight:400;color:#6b7789;line-height:1.6;margin-top:6px}.product-navigation a:hover b{color:#1762f2}.product-navigation i{font:9px 'IBM Plex Mono',monospace;font-style:normal;padding:2px 5px;background:#fff6e7;border:1px solid #edd9b0;border-radius:2px;color:#9e6a17}.product-navigation .nav-service{font-size:11px;color:#1762f2;border-top:1px solid #dce4ef;margin-top:8px;padding-bottom:0}.cd .toc a[aria-current=location]{color:#1762f2;border-left:2px solid #1762f2;padding-left:10px}.site-header :is(a,button):focus-visible,.cd :is(a,button,summary,input,textarea):focus-visible{outline:2px solid #1762f2;outline-offset:4px}.cd pre{position:relative}.cd .copy-code{float:right;background:transparent;border:1px solid #53647d;border-radius:3px;color:#c8d7ed;font:10px 'IBM Plex Mono',monospace;padding:5px 8px;cursor:pointer;margin:0 0 8px 12px}.cd .nav .r .s{display:inline-flex}.site-header .r .btn{height:36px;font-size:13px;padding:0 14px}.site-header .r .btn.p{color:white}.cd .site-header .logo{font-size:0}.site-header .site-links .product-navigation a{white-space:normal}html{scroll-padding-top:110px}.cd .doc>div{scroll-margin-top:110px}.cd .doc td{overflow-wrap:anywhere}.cd .doc code{max-width:100%}.cd .pg textarea{line-height:1.7}.cd .pg .case .t{line-height:1.6}.tool .out,.cd .case{transition:border-color .15s}.hero-product{isolation:isolate}.hero-product:before{height:3px}.hero .btn.p{box-shadow:0 4px 14px #1762f22b}.card .more{display:flex;align-items:center;gap:8px}.card:hover .more{color:#104ab6}.cf .cols a:focus-visible{outline:2px solid #1762f2;outline-offset:4px} @media(max-width:1100px){.site-header .nav{gap:24px}.site-header .site-links{gap:18px}.site-header .r .btn{padding:0 11px;font-size:12px}.product-navigation{left:140px}} @media(max-width:900px){.site-header .nav{height:72px;gap:14px}.site-header .site-links{display:none}.site-header .menu15{display:block;margin-left:auto;width:36px;height:34px;border:1px solid #dce4ef;border-radius:4px;background:#fff;color:#182638;font-size:17px;cursor:pointer}.site-header .r{margin-left:0}.site-header.open .site-links{display:flex;align-items:stretch;flex-direction:column;gap:0;position:absolute;top:72px;left:0;right:0;background:#fff;border-bottom:1px solid #dce4ef;box-shadow:0 18px 24px -24px #152c5d55;padding:12px 24px;max-height:calc(100dvh - 72px);overflow:auto}.site-header .site-links>a{padding:13px 0}.site-header .product-trigger{width:100%;justify-content:space-between;padding:13px 0}.product-navigation{position:static;width:100%;box-shadow:none;margin:0 0 12px;grid-template-columns:1fr;border:1px solid #dce4ef}.product-navigation>div{padding:16px 20px}.nav-preview{border-left:0;border-top:1px solid #dce4ef}.site-header .logo img{width:108px}} @media(max-width:520px){.site-header .nav{gap:8px}.site-header .logo img{width:94px}.site-header .r{gap:6px}.site-header .r .btn{padding:0 9px;font-size:11px;height:34px}.site-header .menu15{width:32px}.product-navigation small{font-size:12px}.cd .cw{padding:0 16px}} @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}} .site-header .r .btn.s{display:inline-flex} .contract-stamp{display:inline-block;margin-left:16px;font:9px 'IBM Plex Mono',monospace;color:#6c7d95;border:1px solid #dce4ef;border-radius:3px;padding:5px 8px;vertical-align:middle}.policy-settings{border:1px solid #dce4ef;border-radius:5px;margin:0 0 18px;padding:20px 22px;background:linear-gradient(130deg,#f5f8ff,#fff)}.policy-settings-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.policy-settings-head>span:last-child{font-size:11px;color:#7b8ba1}.price-controls{display:grid;grid-template-columns:1fr 1fr;gap:24px}.price-controls fieldset{border:0;padding:0;margin:0;min-width:0}.price-controls legend{font-size:13px;font-weight:500;color:#24344d;margin-bottom:8px}.price-controls fieldset>div{display:flex;gap:12px}.price-controls label{flex:1;font-size:10px!important;font-weight:400!important;color:#71829a!important}.price-controls label>span{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #ccd8e9;border-radius:4px;padding:9px 12px;margin-top:6px}.price-controls b{font-size:14px;font-weight:400;color:#71829a}.price-controls input{font:500 15px Inter,system-ui,sans-serif;width:100%;min-width:0;background:none;border:0;outline:none;color:#18314f}.price-controls label>span:focus-within{border-color:#1762f2;box-shadow:0 0 0 2px #1762f218}.policy-help{margin-bottom:0!important;font-size:11px;color:#7b8ba1!important}.attack-picks{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:12px 0 18px}.attack-picks>span{font:8px 'IBM Plex Mono',monospace;color:#7b8ba1;margin-right:4px}.attack-picks button{border:1px solid #dce4ef;border-radius:3px;background:#fff;padding:6px 8px;color:#50637e;font:11px Inter,system-ui,sans-serif;cursor:pointer}.attack-picks button:hover{border-color:#1762f2;color:#1762f2}.empty-hint{font-size:13px;color:#7b8ba1}.cd .pg .verdict{font-size:16px}.cd #policy{font-size:12px}.contract-stamp+.lede{margin-top:16px}@media(max-width:620px){.price-controls{grid-template-columns:1fr;gap:16px}.policy-settings-head{align-items:flex-start;flex-direction:column;gap:8px}.policy-settings{padding:18px}.contract-stamp{margin:12px 0 0;display:table}.attack-picks{gap:6px}.attack-picks>span{width:100%}} .hero .g{grid-template-columns:1fr 1.08fr;gap:48px}.hero h1{font-size:clamp(42px,4.8vw,68px);line-height:1.08;letter-spacing:-.055em}.write-replay{overflow:hidden}.write-replay .product-top{padding:22px 24px}.replay-context{padding:22px 24px 16px}.replay-context>span,.replay-label{font:9px 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#60738d}.replay-context p{font-size:18px;line-height:1.5;color:#20324b;margin:10px 0 0}.replay-tabs{display:flex;gap:6px;padding:0 24px 20px;flex-wrap:wrap}.replay-tabs button{cursor:pointer;font:11px Inter,system-ui;border:1px solid #dce4ef;border-radius:3px;background:#fff;color:#50637e;padding:8px 10px}.replay-tabs button[aria-pressed=true]{background:#eaf1ff;color:#1256dc;border-color:#98b8f3}.replay-tabs button:focus-visible{outline:2px solid #1762f2;outline-offset:3px}.replay-trace{list-style:none;padding:0 24px;margin:0;display:grid;gap:0}.replay-trace li{position:relative;border-left:1px solid #cfdaec;margin-left:4px;padding:0 0 18px 18px}.replay-trace li:before{content:'';position:absolute;left:-4px;top:3px;width:7px;height:7px;border-radius:50%;background:#1762f2;box-shadow:0 0 0 4px #edf3ff}.replay-trace span{display:block;font:8px 'IBM Plex Mono',monospace;color:#71829a;margin-bottom:7px;letter-spacing:.05em}.replay-trace b{font-size:12px;font-weight:500;color:#233a59}.replay-output{margin:0 24px 20px;padding:18px;background:#fff9f6;border:1px solid #eeded5;border-radius:4px}.replay-output>p:not(.replay-summary){font-size:16px;line-height:1.6;margin:12px 0;color:#20324b}.replay-output mark{color:#aa3a24;background:#ffe5da;text-decoration:underline;text-decoration-color:#e4a18f;text-underline-offset:3px}.replay-output>b{font-size:12px;color:#a83d27}.replay-output ul{padding-left:16px;font:10px/1.7 'IBM Plex Mono',monospace;color:#7d5349;margin:8px 0}.replay-summary{font-size:11px!important;line-height:1.6;color:#7c665e!important;margin:10px 0 0!important}.write-replay[data-tone=matched] .replay-output{background:#f0faf7;border-color:#c4e3d6}.write-replay[data-tone=matched] .replay-output>b{color:#197052}.write-replay .product-note{font-size:10px;line-height:1.7}.write-replay .hero-try{padding:16px 24px}.doc-section{scroll-margin-top:110px} @media(max-width:900px){.hero .g{grid-template-columns:1fr;gap:32px}.hero h1{max-width:680px}.hero .lede{max-width:620px}.write-replay{max-width:680px;width:100%}.hero{padding-top:48px}} @media(max-width:520px){.replay-context,.write-replay .product-top{padding-left:18px;padding-right:18px}.replay-tabs{padding-left:18px;padding-right:18px}.replay-tabs button{font-size:10px;padding:8px}.replay-trace{padding:0 18px}.replay-output{margin-left:18px;margin-right:18px}.hero h1{font-size:43px}.write-replay .product-top small{font-size:8px}} @media(min-width:901px){.replay-trace{grid-template-columns:1fr 1fr 1fr;gap:12px;padding-top:4px;padding-bottom:16px}.replay-trace li{border-left:0;border-top:1px solid #cfdaec;margin:0;padding:14px 0 0}.replay-trace li:before{top:-4px;left:0}.replay-trace span{font-size:7px}.hero .g{align-items:center}} .lab-intro{padding-top:72px;padding-bottom:36px}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:64px}.lab-grid form,.lab-report{min-width:0;border:1px solid #dce4ef;border-radius:5px;padding:28px;background:#fff}.lab-report{background:#f6f8fe}.lab-grid h2{font-size:20px;margin:0 0 20px}.lab-grid form h2:not(:first-child){margin-top:28px}.lab-grid label{display:block;font-size:13px;font-weight:500;margin:16px 0 8px}.lab-grid input,.lab-grid select,.lab-grid textarea{display:block;width:100%;border:1px solid #cbd8ec;border-radius:4px;padding:12px;font:14px Inter,system-ui;background:#fff;color:#20324b}.lab-grid textarea{height:110px;resize:vertical;line-height:1.6}.lab-grid :is(input,textarea,select):focus{outline:2px solid #1762f2;outline-offset:2px}.lab-examples{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.lab-examples button{border:1px solid #dce4ef;border-radius:3px;background:#fff;padding:7px 10px;cursor:pointer;font:11px Inter,system-ui}.lab-fine,#lab-scope{font-size:12px;color:#60738d;line-height:1.7}.lab-report ol{padding-left:20px;font-size:13px;line-height:1.9}.lab-report mark{background:#ffe4db;color:#ad3d26;text-decoration:underline}.lab-report pre,.agent-guide pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#101a2c;color:#c5d4ed;padding:20px;font:11px/1.7 'IBM Plex Mono',monospace;border-radius:4px;max-height:360px;overflow:auto}.lab-report details{margin:20px 0}.lab-report summary{cursor:pointer;font-size:13px}.lab-report button:disabled{opacity:.5;cursor:not-allowed}#lab-error{color:#ad3d26;font-size:13px}#lab-highlight{font-size:18px;line-height:1.7;padding:18px 0}#lab-findings{font:11px/1.7 'IBM Plex Mono',monospace;padding-left:16px}.lab-bottom{padding-bottom:70px}.lab-bottom p{max-width:660px;line-height:1.8;color:#60738d}.agent-guide{padding-top:72px;padding-bottom:72px;max-width:900px}.agent-guide h2{margin:42px 0 16px;font-size:23px}.agent-guide p{line-height:1.8;color:#60738d}.agent-guide table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.7}.agent-guide td,.agent-guide th{text-align:left;padding:14px;border-bottom:1px solid #dce4ef;vertical-align:top}.agent-links{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:#1762f2}.agent-guide code{overflow-wrap:anywhere}.lab-intro h1,.agent-guide h1{font-size:clamp(38px,5vw,64px);line-height:1.08;letter-spacing:-.045em}.lab-intro em,.agent-guide em{font-style:normal;color:#1762f2}.lab-intro .lede{max-width:700px;font-size:18px;line-height:1.7;color:#60738d}.agent-guide .lede{font-size:18px}.lab-grid[data-pass=true] #lab-verdict{color:#197052}.lab-grid[data-pass=false] #lab-verdict{color:#ad3d26} @media(max-width:760px){.lab-grid{grid-template-columns:1fr}.lab-grid form,.lab-report{padding:22px}.lab-intro,.agent-guide{padding-top:42px}.agent-guide td,.agent-guide th{padding:10px}.agent-guide table{font-size:12px}} .lab-intro .eyebrow,.agent-guide>.eyebrow{font:10px 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#1762f2}.lab-report>.eyebrow{font:9px 'IBM Plex Mono',monospace;color:#60738d;letter-spacing:.08em}.lab-intro h1,.agent-guide h1{margin:22px 0}.lab-intro{background:radial-gradient(ellipse at 80% 10%,#f3f0ff70,transparent 65%)}.lab-bottom h2{font-size:28px}.agent-guide .btn{margin-top:20px} .answers-page,.evidence-page{padding-top:68px;padding-bottom:72px}.answers-page>.eyebrow,.evidence-page>.eyebrow{font:10px 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#1762f2}.answers-page h1,.evidence-page h1{font-size:clamp(40px,5vw,64px);line-height:1.08;letter-spacing:-.045em;margin:22px 0}.answers-page h1 em,.evidence-page h1 em{font-style:normal;background:linear-gradient(100deg,#1762f2,#32aadb,#ba35be);background-clip:text;color:transparent}.answers-page>.lede,.evidence-page>.lede{font-size:18px;line-height:1.7;color:#60738d;max-width:680px}.answer-tools{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 48px}.answer-layout{display:grid;grid-template-columns:220px 1fr;gap:60px;align-items:start}.answer-layout nav{position:sticky;top:110px;display:grid;gap:16px}.answer-layout nav a{font-size:12px;color:#60738d;line-height:1.6;border-left:2px solid #e2e9f4;padding-left:14px}.answer-layout nav a:hover{color:#1762f2;border-color:#1762f2}.answer-layout article{border-top:1px solid #dce4ef;padding:30px 0;scroll-margin-top:110px}.answer-id{font:9px 'IBM Plex Mono',monospace;color:#7b8da6}.answer-layout h2{font-size:25px;line-height:1.25;letter-spacing:-.025em;max-width:760px;margin:14px 0}.answer-layout p,.evidence-page p{font-size:15px;line-height:1.85;color:#526781;max-width:810px}.answer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:#1762f2;margin-top:20px}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:40px 0}.evidence-grid article{padding:26px;border:1px solid #dce4ef;border-radius:4px;background:linear-gradient(140deg,#f7f9fe,#fff)}.evidence-grid span{font:9px 'IBM Plex Mono',monospace;color:#70829d}.evidence-grid h2{font-size:25px;margin:15px 0}.evidence-grid a,.evidence-page p a{color:#1762f2}.evidence-page>h2{margin:40px 0 16px;font-size:25px}@media(max-width:760px){.answers-page,.evidence-page{padding-top:44px}.answer-layout{grid-template-columns:1fr;gap:28px}.answer-layout nav{position:static;grid-template-columns:1fr 1fr;gap:14px}.answer-layout h2{font-size:23px}.evidence-grid{grid-template-columns:1fr}.answer-layout p{font-size:15px}.answer-tools{margin-bottom:34px}} .entry-page,.build-page{padding-top:62px;padding-bottom:72px}.entry-page>.eyebrow,.build-page>.eyebrow{font:10px 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#1762f2}.entry-page h1,.build-page h1{font-size:clamp(40px,5vw,64px);line-height:1.08;letter-spacing:-.045em;margin:20px 0}.entry-page em,.build-page em{font-style:normal;background:linear-gradient(100deg,#1762f2,#32aadb,#ba35be);background-clip:text;color:transparent}.entry-page>.lede,.build-page>.lede{font-size:18px;line-height:1.7;max-width:720px;color:#60738d}.entry-grid,.builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:36px 0}.entry-grid section,.builder-grid section{border:1px solid #dce4ef;border-radius:4px;padding:28px;background:linear-gradient(130deg,#f6f9ff,#fff);min-width:0}.entry-grid h2,.builder-grid h2{font-size:26px;margin:18px 0}.entry-grid p,.builder-grid p,.entry-methods p,.build-page>p{font-size:14px;line-height:1.8;color:#526781}.entry-grid small{font-size:11px;line-height:1.7;color:#7b8da6;display:block;margin-top:20px}.entry-grid>.eyebrow,.entry-grid section>.eyebrow,.builder-grid .eyebrow{font:9px 'IBM Plex Mono',monospace;color:#70829d}.entry-secondary{display:block;margin-top:18px;color:#1762f2;font-size:13px}.entry-methods{border-top:1px solid #dce4ef;padding-top:20px}.entry-methods summary{cursor:pointer;font-size:13px}.entry-contact{font-size:13px;color:#60738d}.entry-contact a,.build-page>a{color:#1762f2}.builder-grid label{display:block;font-size:13px;font-weight:500;margin:18px 0 8px}.builder-grid textarea{width:100%;height:260px;padding:16px;border:1px solid #cbd8ec;border-radius:4px;font:12px/1.7 'IBM Plex Mono',monospace;resize:vertical}.builder-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.builder-actions .btn{font-size:11px;padding:10px}.builder-grid li{list-style:none;border-top:1px solid #dce4ef;padding:13px 0}.builder-grid ul{padding:0}.builder-grid li b{font-size:12px;color:#a14e31}.builder-grid li[data-match=true] b{color:#197052}.builder-grid li p{font-size:12px;margin:7px 0}.builder-grid li small,.builder-grid .fine{font-size:10px;line-height:1.7;color:#70829d}#challenge-error{color:#ad3d26}.builder-grid textarea:focus{outline:2px solid #1762f2;outline-offset:2px}@media(max-width:760px){.entry-page,.build-page{padding-top:42px}.entry-grid,.builder-grid{grid-template-columns:1fr}.entry-grid section,.builder-grid section{padding:22px}.builder-grid textarea{height:220px}} .academy,.studio-page{padding-top:60px;padding-bottom:65px}.academy h1,.studio-page h1{font-size:clamp(44px,6vw,72px);line-height:1.04;letter-spacing:-.055em;margin:22px 0}.academy-top{display:grid;grid-template-columns:1.5fr 1fr;gap:45px;align-items:center;margin-bottom:40px}.progress-card{border:1px solid #cddcf9;background:linear-gradient(130deg,#eff7ff,#f5f0ff);padding:28px;box-shadow:0 14px 40px #204b9920}.track-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:25px}.track-layout nav{display:flex;flex-direction:column;gap:8px}.track-layout nav button{text-align:left;padding:16px;border:1px solid #e2e6f0;background:white;color:#4a536a;font:inherit;cursor:pointer}.track-layout nav button[data-active=true]{background:#145bff;color:white;border-color:#145bff}.challenge-shell,.studio-editor,.studio-output,.studio-account{border:1px solid #dfe5ef;padding:28px;background:white}.challenge-shell h2{margin:15px 0;font-size:30px}.challenge-shell .builder-grid{margin:25px 0;background:#f8faff}.challenge-shell .builder-grid section{padding:18px}.course-bottom{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.studio-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;margin:35px 0}.studio-grid label,#developer-login label{display:block;font-weight:600;margin:15px 0 9px}.studio-grid input,#developer-login input{box-sizing:border-box;width:100%;padding:13px;border:1px solid #cdd6e7;border-radius:3px;font:inherit}.studio-grid textarea{box-sizing:border-box;width:100%;min-height:190px;padding:16px;border:1px solid #cdd6e7;font:13px/1.6 monospace}.studio-grid #studio-reply{min-height:90px}.studio-output{background:linear-gradient(160deg,#f2f7ff,#fbfaff)}.studio-output pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;background:#101c34;color:#dce8ff;font:12px/1.7 monospace}.studio-output li{padding:12px;background:#fff2ee;margin-bottom:8px}.studio-account{margin-top:30px}#developer-login{max-width:430px}#developer-login button{margin-top:17px}.project-link{border:1px solid #d9e1f0;background:#f1f6ff;color:#164ba7;padding:12px;margin:8px 8px 0 0;cursor:pointer}[hidden]{display:none!important}@media(max-width:760px){.academy-top,.track-layout,.studio-grid{grid-template-columns:1fr}.track-layout nav{display:grid;grid-template-columns:1fr 1fr}.challenge-shell,.studio-editor,.studio-output,.studio-account{padding:18px}.academy-top{gap:20px}.academy .builder-grid{grid-template-columns:1fr}} .trace-section{padding-top:65px;padding-bottom:65px}.trace-section h2{font-size:42px;line-height:1.1;letter-spacing:-.04em}.trace-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0}.trace-card{border:1px solid #dce4f2;padding:24px;background:linear-gradient(160deg,#f5f9ff,white);box-shadow:0 6px 20px #13235808}.trace-card h3{font-size:22px}.trace-card summary{font-weight:600;color:#1659ee;cursor:pointer}.trace-card pre{font:11px/1.5 monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:8px;background:#ecf2fc}.trace-card ol{padding-left:18px}.connector-card{border:1px solid #d9e2f2;padding:24px;margin-top:25px}.connector-card pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 monospace;background:#101c34;color:#e6edff;padding:20px}.promise-rules{padding-top:40px;padding-bottom:40px}.promise-rules article{border-top:1px solid #dce3f1;padding:15px 0}.stream-demo{padding:40px 0}.stream-demo textarea{display:block;width:100%;box-sizing:border-box;min-height:100px;padding:15px;margin:15px 0;border:1px solid #cad6ea}.stream-demo pre{background:#101c34;color:#e5eeff;padding:20px;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:850px){.trace-feed{grid-template-columns:1fr}.trace-section h2{font-size:32px}} @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/ibm-plex-mono-400-c36f509c0a8f.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/ibm-plex-mono-500-a76f53ca6612.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(/assets/fonts/inter-400-800-c940764593d0.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }:root{--c27-bg:#080e1c;--c27-panel:#111b2f;--c27-line:#283751;--c27-text:#eaf1ff;--c27-muted:#a6b6d0;--c27-blue:#4c8dff;--c27-cyan:#67e8ef}.c27-header,.c27-footer,.c27-page,.c27-home-bridge{font-family:Inter,system-ui,sans-serif;box-sizing:border-box}.c27-header *,.c27-footer *,.c27-page *{box-sizing:border-box}.c27-header{position:relative!important;z-index:20;display:flex!important;align-items:center;justify-content:space-between;gap:24px;width:100%!important;max-width:none!important;margin:0!important;padding:18px max(24px,calc((100% - 1240px)/2))!important;background:#080e1cf5!important;border-bottom:1px solid #25324b;color:var(--c27-text)}.c27-brand{display:inline-flex;align-items:center;flex-shrink:0;background:#fff;border-radius:9px;padding:7px 10px;width:max-content}.c27-brand img{width:110px;height:auto;filter:none}.c27-header nav{display:flex;align-items:center;gap:24px}.c27-header a{font-size:13px;font-weight:600;color:#c9d7ed!important;text-decoration:none;white-space:nowrap}.c27-header nav>a:hover,.c27-header nav>a[aria-current=page]{color:#7eeaff!important}.c27-header .c27-start{padding:11px 16px;border:1px solid #4c8dff;border-radius:8px;background:#175ff5;color:#fff!important}.c27-mobile{display:none}.c27-footer{max-width:none!important;display:block!important;margin:0!important;padding:56px max(24px,calc((100% - 1240px)/2)) 24px!important;background:#080e1c!important;border-top:1px solid #25324b!important;color:#cbd8ed!important}.c27-footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}.c27-footer strong{display:block;font-size:12px;color:#eff5ff;margin-bottom:18px}.c27-footer a{display:block!important;font-size:12px;color:#a6b6d0!important;margin:12px 0!important;line-height:1.5;text-decoration:none!important}.c27-footer a:hover{color:#7eeaff!important}.c27-footer p{font-size:12px;color:#94a7c4!important;line-height:1.7;max-width:230px}.c27-footer .c27-bottom{border-top:1px solid #25324b;margin-top:36px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#8398b9}.c27-footer .c27-bottom a{display:inline!important;margin:0!important}.c27-body{margin:0;background:var(--c27-bg);color:var(--c27-text);font-family:Inter,system-ui,sans-serif}.c27-body a{color:#88b4ff;text-decoration:none}.c27-page{max-width:1240px;margin:auto;padding:62px 24px 70px;min-height:65vh}.c27-kicker{font:600 11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--c27-cyan)}.c27-page h1{max-width:900px;font-size:clamp(38px,5.5vw,72px);letter-spacing:-.055em;line-height:1.06;margin:20px 0 24px;color:#f2f6ff}.c27-page h1 span{background:linear-gradient(100deg,#70a4ff,#69d8fa 35%,#a880ff 72%,#f379d0);background-clip:text;color:transparent}.c27-lead{font-size:18px;color:#a9bad3;line-height:1.7;max-width:760px}.c27-cta{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.c27-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border:1px solid #3b5378;border-radius:8px;background:#172640;color:#eaf1ff!important;font:600 13px Inter,system-ui;cursor:pointer;text-decoration:none}.c27-button.primary{background:#2773ff;border-color:#2773ff;color:#fff!important}.c27-button:hover{border-color:#7aaaff}.c27-badge{display:inline-block;font:500 10px/1.5 monospace;padding:4px 8px;border:1px solid #344b6f;border-radius:5px;color:#9ac0ff}.c27-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}.c27-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #253754;background:linear-gradient(145deg,#14213a,#0d1629);border-radius:14px;padding:25px;color:#e8f0ff}.c27-card h2,.c27-card h3{font-size:23px;letter-spacing:-.03em;line-height:1.2;margin:20px 0 12px;color:#e8f0ff}.c27-card p{font-size:14px;line-height:1.7;color:#a8bbd7}.c27-card>a:last-child{margin-top:auto;padding-top:18px;color:#8fbaff;font-size:13px;font-weight:600}.c27-art{height:120px;position:relative;display:flex;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse at 50% 50%,#2773ff32,transparent 70%);border-bottom:1px solid #2c4261;font:600 15px monospace;color:#91baff}.c27-art i{font-style:normal;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid #507bb7;background:#162f51}.c27-art span{color:#5ed1e7}.c27-split{display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px;margin-top:42px}.c27-sidebar{border-right:1px solid #253754;padding-right:24px;align-self:start;position:sticky;top:24px}.c27-sidebar a{display:block;padding:10px 0;font-size:13px;color:#a7bddb}.c27-content{min-width:0}.c27-content h2{font-size:28px;letter-spacing:-.035em;margin:32px 0 15px;color:#ecf3ff}.c27-content section{scroll-margin-top:24px}.c27-content p,.c27-content li{color:#b0c1d9;font-size:14px;line-height:1.8}.c27-code{position:relative;background:#060b15;border:1px solid #263a57;border-radius:12px;overflow:hidden;margin:20px 0}.c27-code>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #24334b;padding:12px 16px;color:#91a8cc;font-size:11px}.c27-code pre{margin:0;padding:20px;background:transparent;color:#c5dcff;font:12px/1.8 'IBM Plex Mono',monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:460px;overflow:auto}.c27-code button{background:#182b49;border:1px solid #3a5377;color:#c9ddff;border-radius:5px;padding:6px 10px;font-size:11px;cursor:pointer}.c27-notice{padding:16px 20px;background:#13233a;border-left:3px solid #4c8dff;border-radius:0 8px 8px 0;color:#b4c7e4;font-size:12px;line-height:1.8;margin:24px 0}.c27-table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.7}.c27-table th,.c27-table td{text-align:left;padding:14px 12px;border-bottom:1px solid #263a57;color:#aebfd9;vertical-align:top}.c27-table th{color:#e7f0ff}.c27-callout{padding:34px;border-radius:16px;border:1px solid #325077;background:radial-gradient(ellipse at top right,#225bcf45,transparent 65%),#111c31;margin:40px 0}.c27-callout h2{margin-top:0}.c27-input{display:block;width:100%;min-height:100px;margin:12px 0 18px;padding:16px;background:#080f1e;color:#d4e5ff;border:1px solid #344d70;border-radius:9px;font:13px/1.6 monospace}.c27-search{width:100%;max-width:440px;padding:13px 16px;background:#111e32;border:1px solid #334c70;color:white;border-radius:8px;margin-top:20px}.c27-filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.c27-filters button{padding:9px 14px;border:1px solid #354e71;border-radius:8px;background:#14223a;color:#b8cdec;cursor:pointer}.c27-filters button[aria-pressed=true]{background:#245fe0;color:white;border-color:#659aff}.c27-hidden,[hidden]{display:none!important}.c27-home-bridge{padding:30px 0;color:#172638}.c27-home-bridge h2{font-size:32px;letter-spacing:-.035em}.c27-home-bridge .c27-grid{margin-bottom:32px}body.c27-home{background:radial-gradient(ellipse at 80% 0,#1456c51a,transparent 45%),#f6f9ff}.c27-status{min-height:25px;font-size:12px;color:#8bdfe4;line-height:1.6}.c27-mobile summary{list-style:none;cursor:pointer}.c27-footer [data-copy]{display:none}@media(max-width:850px){.c27-header{padding:16px 20px!important}.c27-header>nav{display:none}.c27-mobile{display:block}.c27-mobile>div{position:absolute;top:65px;left:16px;right:16px;padding:16px;background:#111e32;border:1px solid #344c6d;border-radius:10px;display:grid;gap:16px}.c27-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.c27-footer-grid>div:first-child{grid-column:1/-1}.c27-grid{grid-template-columns:1fr 1fr}.c27-split{grid-template-columns:1fr}.c27-sidebar{position:static;border-right:0;border-bottom:1px solid #253754;padding-bottom:16px;display:flex;gap:18px;flex-wrap:wrap}.c27-page{padding:34px 20px 50px}.c27-lead{font-size:16px}}@media(max-width:540px){.c27-grid{grid-template-columns:1fr}.c27-page h1{font-size:40px}.c27-footer .c27-bottom{display:block;line-height:1.8}.c27-card{padding:22px}.c27-table{font-size:11px}.c27-table td,.c27-table th{padding:10px 5px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}} /* curbi-v47 */ /* Curbi developer surface: system sans + monospace, no external fonts. */ :root{color-scheme:light;--c47-bg:#fbfbfc;--c47-panel:#ffffff;--c47-line:#d8dde5;--c47-text:#202c3a;--c47-muted:#566478;--c47-accent:#155bd7;--c27-bg:var(--c47-bg);--c27-panel:var(--c47-panel);--c27-line:var(--c47-line);--c27-text:var(--c47-text);--c27-muted:var(--c47-muted);--c27-blue:var(--c47-accent)} html,body{background:var(--c47-bg)!important;color:var(--c47-text)!important;margin:0;scroll-behavior:auto}body,button,input,select,textarea,.c27-header,.c27-page,.c28-footer{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}body{font-size:16px;line-height:1.65}body *{box-sizing:border-box;background-image:none!important}a{color:var(--c47-accent)}a:hover{text-decoration:underline}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #9fc3ff!important;outline-offset:4px}pre,code,.c47-mono,textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important}pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}img{max-width:100%;height:auto}.c47-skip{position:absolute;left:20px;top:-80px;z-index:100}.c47-skip:focus{top:10px;background:#fff;color:#111;padding:10px} .c27-header{background:var(--c47-bg)!important;border-bottom:1px solid var(--c47-line)!important;padding:18px max(22px,calc((100% - 1200px)/2))!important;box-shadow:none!important}.c27-brand{background:#fff!important;border-radius:5px!important;padding:6px 10px!important;display:inline-flex}.c27-brand img{width:106px!important;filter:none!important}.c27-header a{color:var(--c47-text)!important}.c27-header nav{gap:24px!important}.c27-header .c27-start{background:#295fe5!important;border-radius:5px!important;border-color:#5287ff!important}.c47-languages{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--c47-muted)}.c47-languages select{max-width:125px;padding:7px;border:1px solid var(--c47-line);border-radius:4px;background:var(--c47-panel);color:var(--c47-text)} .c47-main{max-width:1200px;margin:auto;padding:56px 24px 76px}.c47-status{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--c47-muted);margin:0 0 38px}.c47-status a{color:inherit}.c47-status strong{color:#7b4f00;font-weight:500}.c47-eyebrow{font-size:11px;letter-spacing:.13em;font-weight:650;color:var(--c47-muted);margin:0 0 18px}.c47-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:64px;align-items:start}.c47-main h1{font-size:clamp(38px,5.2vw,68px);line-height:1.08;letter-spacing:-.055em;font-weight:650;margin:0 0 24px;color:var(--c47-text)}.c47-intro{font-size:20px;line-height:1.65;color:#526174;max-width:440px}.c47-paths{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px;font-size:14px}.c47-workbench{border:1px solid var(--c47-line);background:var(--c47-panel);border-radius:8px;overflow:hidden}.c47-bar{padding:14px 20px;border-bottom:1px solid var(--c47-line);font-size:12px;display:flex;justify-content:space-between;color:#526174}.c47-form{padding:22px}.c47-form label,.c47-form summary{display:block;font-size:13px;font-weight:600;margin-bottom:10px}.c47-form textarea{width:100%;min-height:115px;padding:15px;color:var(--c47-text);background:#ffffff;border:1px solid #c6ceda;border-radius:5px;font-size:14px;resize:vertical;line-height:1.6}.c47-form details{margin-top:14px}.c47-form details summary{display:list-item;cursor:pointer;color:var(--c47-muted)}.c47-form details textarea{min-height:190px;font-size:12px}.c47-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.c47-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #c6ceda;border-radius:5px;padding:11px 16px;min-height:44px;background:#f1f4f8;color:#202c3a;text-decoration:none;font-size:13px;font-weight:600;cursor:pointer}.c47-btn.primary{background:#3267e8;border-color:#6494ff;color:#fff}.c47-btn:disabled{opacity:.45;cursor:default}.c47-small{font-size:12px;color:var(--c47-muted);line-height:1.6}.c47-result{padding:20px;border-top:1px solid var(--c47-line);background:#f7f9fc}.c47-result h2{font-size:14px;margin:0 0 12px}.c47-highlight{padding:14px;border:1px solid var(--c47-line);white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.c47-highlight mark{background:#ffedb0;color:#49350d;padding:1px 2px;border-radius:2px}.c47-result ul{padding-left:20px;font-size:12px;color:#526174}.c47-result [data-state=error]{color:#a72424}.c47-result [data-state=caught]{color:#7b4f00}.c47-result [data-state=pass]{color:#21613c}.c47-draft{padding:12px 16px;border:1px solid #d5b574;background:#fff8e7;color:#704d16;font-size:13px;margin-bottom:28px}.c47-connect{border-top:1px solid var(--c47-line);margin-top:64px;padding-top:38px;display:grid;grid-template-columns:1fr 1.15fr;gap:64px}.c47-connect h2{font-size:27px;line-height:1.25;letter-spacing:-.025em;margin:0 0 12px}.c47-code{padding:20px;border:1px solid var(--c47-line);background:#f7f9fc;border-radius:6px;max-width:100%;overflow:hidden}.c47-code pre{font-size:12px;margin:10px 0;color:#243d62}.c47-terminal-action{padding:24px;border:1px solid var(--c47-line);border-radius:6px;margin:48px 0 0;background:var(--c47-panel)}.c47-terminal-action h2{font-size:22px;margin:0 0 14px} .c27-page{color:var(--c47-text)!important;max-width:1200px!important}.c27-page p,.c27-lead{color:#526174!important}.c27-page h1,.c27-page h2,.c27-page h3{color:var(--c47-text)!important}.c27-page h1 span,.c27-page h2 span{color:var(--c47-accent)!important;-webkit-text-fill-color:initial!important}.c27-page h1{letter-spacing:-.04em!important}.c27-card,.c27-callout,.c27-code,.c28-tool,.c28-two>*,.c39-result{background:var(--c47-panel)!important;border-color:var(--c47-line)!important;box-shadow:none!important}.c27-page input,.c27-page textarea,.c27-page select{background:#ffffff!important;color:var(--c47-text)!important;border-color:#c6ceda!important}.c27-page pre,.c27-page code{color:#243d62!important}.c27-notice{background:#f0f4fa!important;color:#526174!important;border-color:#c6ceda!important}.c28-footer{background:#f7f8fa!important;border-top:1px solid var(--c47-line)!important;color:var(--c47-muted)!important;padding:48px max(24px,calc((100% - 1200px)/2)) 24px!important;box-shadow:none!important}.c28-footer a{color:#526174!important}.c28-footer h2,.c28-footer strong{color:#263448!important}.c28-footer-brand img{background:#fff!important;border-radius:5px;padding:5px;filter:none!important}.c28-footer-status,.c28-footer-bottom,.c30-directory{border-color:var(--c47-line)!important}.c28-endpoint{background:#edf3fc!important;color:#254c87!important;border-color:var(--c47-line)!important}.c30-cookie{background:#ffffff!important;color:var(--c47-text)!important;border-color:#b8c4d6!important}.c30-cookie p,.c30-cookie small{color:#526174!important}.c30-cookie button{min-height:44px}.c47-endpoint{overflow-wrap:anywhere;font-size:12px}.c27-header,.c28-footer,.c47-main{background-image:none!important} @media(max-width:900px){.c47-hero,.c47-connect{grid-template-columns:1fr;gap:32px}.c47-main{padding-top:34px}.c47-intro{max-width:650px}.c27-header{flex-wrap:wrap;gap:14px!important}.c27-header nav{gap:16px!important;flex-wrap:wrap}.c47-languages{margin-left:auto}.c47-status{margin-bottom:28px}.c47-connect{margin-top:40px}}@media(max-width:480px){.c47-main{padding:28px 18px 48px}.c47-form{padding:16px}.c47-result{padding:16px}.c47-actions .c47-btn{flex:1;min-width:140px}.c27-header nav{width:100%;justify-content:space-between;gap:10px!important}.c27-header nav a{font-size:12px!important}.c47-languages{order:0}.c47-main h1{font-size:42px}.c47-code{padding:14px}.c47-status{font-size:11px}.c47-hero{gap:24px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}} .c27-header{display:flex!important;align-items:center;justify-content:space-between;gap:24px}.c27-header nav{display:flex;align-items:center}.c27-header a{text-decoration:none;font-size:13px;font-weight:600}.c28-footer-top{display:grid;grid-template-columns:300px 1fr;gap:64px}.c28-footer-brand{font-size:13px}.c28-footer-brand p{margin:16px 0;line-height:1.7}.c28-footer-brand img{width:112px;height:auto}.c28-footer nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.c28-footer h2{font-size:12px;margin:0 0 16px;line-height:1.4}.c28-footer ul{list-style:none;padding:0;margin:0}.c28-footer li{margin:9px 0}.c28-footer a{text-decoration:none;font-size:12px}.c28-footer a:hover{text-decoration:underline}.c28-endpoint{display:block;border:1px solid;padding:12px;border-radius:5px;overflow-wrap:anywhere}.c28-endpoint small{display:block;font-size:10px;margin-bottom:5px}.c30-directory{margin-top:30px;border-top:1px solid;padding-top:22px}.c30-directory summary{font-size:13px;cursor:pointer}.c30-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:28px}.c30-directory-grid a{display:block;margin:9px 0}.c28-footer-status{display:flex;flex-wrap:wrap;gap:12px;font:11px ui-monospace,monospace;border-top:1px solid;padding:20px 0;margin-top:30px}.c28-footer-status span{display:inline-flex;align-items:center;gap:7px}.c28-footer-status span:before{content:'';width:6px;height:6px;background:#b57e16;border-radius:50%}.c28-footer-status .live:before{background:#2e8a5b}.c28-footer-bottom{display:flex;gap:20px;justify-content:space-between;border-top:1px solid;padding-top:20px;font-size:11px;flex-wrap:wrap}.c28-footer-bottom a{font-size:11px}.c28-tag{font:9px ui-monospace,monospace;border:1px solid #d5b574;color:#805500;padding:1px 3px;border-radius:3px;margin-left:5px}.c30-cookie{position:fixed;right:20px;bottom:20px;width:min(500px,calc(100% - 40px));padding:22px;border:1px solid;border-radius:8px;box-shadow:0 12px 40px #18243318;z-index:100}.c30-cookie[hidden]{display:none!important}.c30-cookie h2{font-size:18px;line-height:1.3;margin:0 0 10px}.c30-cookie p{font-size:12px;margin:8px 0}.c30-cookie-buttons{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.c30-cookie button,[data-consent-settings]{color:#202c3a;background:#f1f4f8;border:1px solid #b8c4d6;border-radius:4px;padding:8px 12px;cursor:pointer}.c30-cookie a{font-size:12px}.c28-footer>button{margin-top:20px;background:#f1f4f8;color:#202c3a;border:1px solid #b8c4d6;border-radius:4px;padding:8px 12px;cursor:pointer} @media(max-width:950px){.c28-footer-top{grid-template-columns:1fr;gap:32px}.c28-footer-brand{max-width:500px}}@media(max-width:620px){.c28-footer nav,.c30-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.c28-footer-top{gap:30px}.c27-header .c47-languages{margin-left:auto}.c47-languages select{max-width:115px}} /* Founder correction: light, code typography, crisp geometry. */ body,body *{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace!important}body{font-size:14px;line-height:1.75}.c47-main h1{font-size:clamp(32px,4.1vw,52px);font-weight:600;letter-spacing:-.045em}.c47-intro{font-size:17px;line-height:1.8}.c47-workbench,.c47-code,.c47-terminal-action,.c47-btn,.c47-form textarea,.c47-languages select{border-radius:2px!important}.c47-btn.primary{color:#fff!important;background:#155bd7!important;border-color:#155bd7!important}.c47-bar{color:#526174}.c47-eyebrow:before{content:"▦ ";color:#155bd7}.c47-main h2{font-weight:600}.c47-code,.c47-result{background:#f7f9fc}.c47-result mark{color:#49350d}.c47-status strong{color:#805500}.c30-cookie{box-shadow:0 8px 24px #18243318}.c47-main,.c27-page,.c28-footer{box-shadow:none!important}.c47-result h2,.c47-bar{font-size:12px}.c47-highlight{background:#fff}.c27-page .c27-button.primary,.c27-header .c27-start{color:#fff!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#155bd7!important} @media(max-width:480px){.c47-hero{display:flex;flex-direction:column;gap:0}.c47-hero>div{display:contents}.c47-hero .c47-eyebrow{order:0}.c47-hero h1{order:1}.c47-hero .c47-intro{order:2;margin:0 0 22px}.c47-workbench{order:3;width:100%}.c47-hero .c47-paths{order:4;margin:20px 0}.c47-hero>div>.c47-small{order:5}} .c47-vision{border-top:1px solid #d8dde5;margin-top:48px;padding-top:28px;max-width:900px}.c47-vision h2{font-size:22px}.c47-vision p{font-size:13px;color:#526174} .c47-comparison{margin:54px 0 0;border-top:1px solid #d8dde5;padding-top:30px}.c47-comparison-intro{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:18px}.c47-comparison-intro h2{font-size:23px;letter-spacing:-.04em;margin:0}.c47-comparison-intro p{font-size:12px;color:#617086;margin:0}.c47-comparison-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d8dde5;background:#fff}.c47-comparison-card{min-width:0;padding:24px;display:flex;flex-direction:column}.c47-comparison-card+article{border-left:1px solid #d8dde5}.c47-comparison-card header{display:flex;align-items:center;justify-content:space-between;min-height:38px;gap:12px}.c47-comparison-card header img{object-fit:contain;object-position:left;height:32px;width:auto;max-width:100px}.c47-comparison-card header>span{font-size:11px;color:#617086;white-space:nowrap}.c47-comparison-purpose{font-size:12px;color:#526174;margin:18px 0 14px}.c47-comparison-card pre{font-size:11px;line-height:2;white-space:pre;margin:0 0 18px;overflow-x:auto;color:#243d62;min-height:155px;padding:13px 0;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4}.c47-code-line{display:block}.c47-code-line>span{display:inline-block;width:24px;user-select:none;color:#8c99aa}.c47-comparison-note{font-size:10px!important;line-height:1.7;color:#68778b!important;margin:12px 0 0}.c47-comparison-controls{display:flex;gap:10px;flex-wrap:wrap}.c47-comparison-card output{display:block;min-height:36px;margin-top:14px;font-size:11px;color:#805500;overflow-wrap:anywhere}.c47-comparison-card:first-child .c47-comparison-note{margin-top:auto}.c47-comparison-card .c47-btn{font-size:11px;padding:9px 12px}.c47-comparison-card pre code{font:inherit;white-space:pre} @media(max-width:760px){.c47-comparison-grid{grid-template-columns:1fr}.c47-comparison-card+article{border-left:0;border-top:1px solid #d8dde5}.c47-comparison-card{padding:20px}.c47-comparison-card pre{min-height:0;font-size:10px}.c47-comparison-intro{gap:8px}.c47-comparison-card:first-child .c47-comparison-note{margin-top:0}} /* First result: actual code before the editable workbench. */ .c47-main{padding-top:30px}.c47-status{margin-bottom:24px}.c47-hero-intro{max-width:1000px}.c47-hero-intro h1{font-size:clamp(32px,4.4vw,54px);margin-bottom:12px}.c47-hero-intro .c47-intro{max-width:900px;margin:0 0 12px}.c47-hero-intro .c47-paths{margin-top:14px}.c47-hero-intro .c47-small{max-width:900px}.c47-comparison{margin-top:22px;padding-top:16px}.c47-comparison-intro{display:block}.c47-comparison-intro h2{font-size:19px;margin-bottom:8px}.c47-comparison-card pre{min-height:0}.c47-comparison-card:first-child pre{font-size:13px;line-height:2.1}.c47-comparison-card:first-child .c47-comparison-note{margin-top:12px}.c47-check-only{display:block;margin-top:28px}.c47-check-only .c47-workbench{max-width:100%}.c47-form{padding:18px}.c47-hero-intro .c47-eyebrow{margin-bottom:12px} @media(max-width:760px){.c47-main{padding-top:20px}.c47-comparison-card:first-child pre{font-size:10px}.c47-comparison-card{padding:16px}.c47-status{margin-bottom:18px}.c47-comparison-intro h2{font-size:17px}} /* Curbi setup and pricing: local fonts, clear hierarchy, existing tools preserved. */ .c49-wrap{max-width:1120px;margin:0 auto;padding:64px 24px 80px}.c49-eyebrow{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#155bd7;font-weight:700}.c49-wrap h1{font-size:clamp(34px,5vw,56px);line-height:1.12;letter-spacing:-.055em;max-width:800px;margin:18px 0}.c49-lead{max-width:690px;color:#566478;font-size:16px;line-height:1.8}.c49-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;margin:40px 0}.c49-card{background:#fff;border:1px solid #dce3ed;padding:32px;border-radius:8px;min-width:0}.c49-card.featured{border-top:3px solid #155bd7}.c49-card h2{font-size:20px;margin:0 0 16px}.c49-price{font-size:48px;line-height:1.2;font-weight:650;letter-spacing:-.06em;margin:20px 0 8px}.c49-price small{font-size:13px;letter-spacing:0;color:#566478;font-weight:400}.c49-card p,.c49-card li{font-size:13px;color:#566478}.c49-card ul{padding-left:18px;line-height:2.2}.c49-button,[data-paid-access] button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 18px;background:#155bd7;color:#fff;border:1px solid #155bd7;border-radius:5px;text-decoration:none;font-size:13px;font-weight:600;cursor:pointer;line-height:1.5}.c49-button.secondary{background:#fff;color:#263a55;border-color:#cbd5e1}.c49-button:hover,[data-paid-access] button:hover{background:#104bb9;color:white;text-decoration:none}[data-paid-access] button:disabled{background:#edf1f6;color:#778497;border-color:#dce3ed;cursor:default}.c49-section{border-top:1px solid #dce3ed;padding-top:32px;margin-top:40px}.c49-section h2{font-size:24px;letter-spacing:-.035em}.c49-table{width:100%;border-collapse:collapse;font-size:13px}.c49-table th,.c49-table td{padding:16px 12px;text-align:left;border-bottom:1px solid #e6ebf2}.c49-table th{color:#566478;font-size:11px}.c49-note{font-size:12px;color:#68768a;line-height:1.8}.c49-faq details{border-bottom:1px solid #e6ebf2;padding:18px 0}.c49-faq summary{cursor:pointer;font-weight:600}.c49-faq p{max-width:760px;font-size:13px;color:#566478}.c49-setup{max-width:960px!important;margin:56px auto!important;padding:0!important;border:1px solid #dce3ed!important;border-radius:8px!important;background:#fff!important;overflow:hidden}.c49-setup-head{padding:30px 36px;border-bottom:1px solid #e6ebf2;background:#f8faff}.c49-setup-head h2{font-size:28px!important;letter-spacing:-.04em;margin:10px 0}.c49-setup-head p{max-width:650px;font-size:13px;color:#566478}.c49-setup-body{padding:32px 36px}.c49-steps{display:flex;gap:24px;flex-wrap:wrap;font-size:11px;color:#68768a;margin:0 0 28px;padding:0;list-style:none}.c49-steps span{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;border:1px solid #c9d5e5;margin-right:7px;color:#155bd7;background:#f8faff}.c49-feedback{padding:16px 18px;margin:0 0 24px;border-left:3px solid #155bd7;background:#f3f7fd;color:#294464;overflow-wrap:anywhere;font-size:13px}.c49-key{margin:24px 0;border:1px solid #dce3ed;border-radius:6px;padding:22px}.c49-key label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}.c49-key-row{display:flex;gap:10px}.c49-key input,[data-paid-access] [data-manage-key]{width:100%;min-width:0;min-height:46px;padding:12px;background:#f8fafc;color:#263a55;border:1px solid #cbd5e1;border-radius:4px;font-size:13px}.c49-key input{flex:1}.c49-key p{font-size:11px;color:#68768a}.c49-next{margin-top:28px;border-top:1px solid #e6ebf2;padding-top:24px}.c49-next h3{font-size:16px}.c49-next p{font-size:13px;color:#566478}.c49-links{display:flex;gap:12px;flex-wrap:wrap}.c49-manage{border-top:1px solid #e6ebf2;padding:22px 36px}.c49-manage summary{font-size:12px;color:#566478;cursor:pointer}.c49-manage label{display:block;font-size:12px;margin:18px 0 8px}.c49-manage button{margin-top:12px;background:white;color:#294464;border-color:#cbd5e1}.c49-private{padding:0 36px 26px;font-size:11px!important;color:#68768a!important}.c49-setup [hidden]{display:none!important}.c27-header nav{flex-wrap:wrap}.c27-page button:not([hidden]),.c27-page input,.c27-page select,.c27-page textarea{max-width:100%}.c27-page input,.c27-page textarea{border-radius:4px}.c27-page pre{padding:18px!important;border-radius:5px;line-height:1.8}.c27-page .c27-card{border-color:#dce3ed!important;box-shadow:none!important}.c27-page button{min-height:38px;border-radius:4px;padding:8px 12px}.c49-wrap input[type=number]{width:160px;padding:10px;border:1px solid #cbd5e1;border-radius:4px;background:white;color:#263a55}.c49-estimate{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:20px 0}.c49-estimate output{font-size:26px;font-weight:600;color:#155bd7} @media(max-width:700px){.c49-grid{grid-template-columns:1fr}.c49-wrap{padding:36px 20px}.c49-card{padding:24px}.c49-setup{margin:32px 0!important}.c49-setup-head,.c49-setup-body{padding:24px}.c49-manage{padding:22px 24px}.c49-private{padding:0 24px 24px}.c49-key-row{flex-direction:column}.c49-key-row button{width:100%}.c49-steps{gap:12px}.c49-table th,.c49-table td{padding:12px 6px;font-size:11px}} /* Checkout returns are a focused setup view, while the full connector guide remains available normally. */ body:has([data-paid-access][data-returned]) main>:not([data-paid-access]){display:none!important}body:has([data-paid-access][data-returned]) main{padding-top:24px!important}body:has([data-paid-access][data-returned]) .c49-setup{margin-top:16px!important} /* UI-only workbench pass: preserve controls, handlers and result semantics. */ #live[data-ui-workbench]{padding:0!important;border:1px solid #dce3ed;border-radius:8px;overflow:hidden;background:#fff} .c50-workbench-head{padding:28px 30px;border-bottom:1px solid #e6ebf2;background:#f8faff}.c50-workbench-head h2{font-size:27px!important;letter-spacing:-.04em;margin:8px 0!important}.c50-workbench-head p{font-size:13px;max-width:650px;color:#566478}.c50-workbench-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.c50-editor{padding:26px;border-right:1px solid #e6ebf2;min-width:0}.c50-editor>label{display:block;font-size:12px;font-weight:600;margin-bottom:12px}.c50-editor textarea{width:100%;min-height:210px!important;padding:18px!important;font-size:15px!important;line-height:1.8!important;border:1px solid #cbd5e1!important;background:#fff!important;color:#263a55!important;resize:vertical}.c50-editor #api-run{display:block;width:100%;margin-top:14px;min-height:46px}.c50-policy{border-top:1px solid #e6ebf2;margin-top:24px;padding-top:18px;font-size:12px;color:#566478}.c50-policy summary{cursor:pointer;font-weight:600;color:#294464}.c50-policy p{font-size:12px;line-height:1.8}.c50-scope{font-size:11px!important;color:#68768a}.c50-response{padding:26px;display:flex;flex-direction:column;min-width:0;background:#fcfdff}.c50-response .c27-code{order:2;margin:0!important}.c50-response .c27-code>div{font-size:11px;background:#f4f7fb!important}.c50-response #api-result{font-size:11px;max-height:280px;overflow:auto;margin:0;white-space:pre-wrap}.c50-response #api-findings{order:1;margin:0 0 24px!important;border:0!important;padding:0!important}.c50-response #api-findings:empty{display:none}.c50-response .c31-marked{background:white;border:1px solid #dce3ed;padding:16px;line-height:1.9}.c50-response .c31-list{padding-left:18px;font-size:12px;line-height:1.9}.c50-response .c31-actions{display:flex;gap:8px;flex-wrap:wrap}.c50-response button{font-size:11px}.c50-boundary{margin:0!important;padding:18px 26px;background:#f8faff;border-top:1px solid #e6ebf2;color:#68768a;font-size:11px!important}.c27-sidebar{font-size:12px}.c27-sidebar a{padding:10px 12px!important;border-radius:4px}.c27-code{border-color:#dce3ed!important;box-shadow:none!important}.c28-console{border:1px solid #dce3ed!important;border-radius:8px!important;padding:26px!important;background:#fff!important}.c28-console .c28-row{gap:10px;padding:18px 0!important;align-items:center}.c28-console textarea{padding:18px!important;font-size:13px;line-height:1.8;min-height:180px;border:1px solid #cbd5e1!important;background:#f8fafc!important}.c28-console select{padding:10px 12px;min-height:40px;background:#fff;border:1px solid #cbd5e1;border-radius:4px}.c28-log{max-height:600px;overflow:auto}.c28-log pre{font-size:11px!important}.c37-summary{border-radius:5px;padding:18px!important;margin-top:20px}.c37-console-intro h3{font-size:22px!important;letter-spacing:-.035em}.c37-console-intro p{font-size:13px}.c49-steps li{display:flex;align-items:center}.c49-setup[data-returned] .c49-steps li:nth-child(2){color:#155bd7;font-weight:600}.c49-setup[data-ready] .c49-steps li:nth-child(2){color:#237044}.c49-setup[data-ready] .c49-feedback{border-color:#237044;background:#f3faf5;color:#225637} @media(max-width:1000px){.c50-workbench-grid{grid-template-columns:1fr}.c50-editor{border-right:0;border-bottom:1px solid #e6ebf2}}@media(max-width:600px){.c50-workbench-head,.c50-editor,.c50-response{padding:22px}.c50-editor textarea{min-height:170px!important}.c28-console{padding:18px!important}.c28-console .c28-row>*{max-width:100%}.c28-console select{width:100%}.c50-response #api-result{max-height:220px}} /* Curbi visual system: one sans family, a technical code face and one blue accent. */ @font-face{font-family:CurbiSans;src:url('/assets/fonts/inter-400-800-c940764593d0.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap} :root{--c51-ink:#121412;--c51-muted:#62655f;--c51-blue:#155bd7;--c51-code:#10151c} body,body *,button,input,select,textarea,.c27-header,.c27-page,.c28-footer{font-family:CurbiSans,Arial,sans-serif!important}body{font-size:16px;line-height:1.65;color:var(--c51-ink)!important;background:#f7f7f3!important}pre,pre *,code,code *,textarea,.c47-mono,.c47-eyebrow,.c49-eyebrow,.c31-kicker,.c47-bar,.c28-footer-status{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important}h1,h2,h3{color:var(--c51-ink);letter-spacing:-.045em!important}p{line-height:1.8}.c27-header{position:sticky;top:0;z-index:40;background:rgba(247,247,243,.94)!important;border-bottom-color:#dedfd8!important;padding-top:16px!important;padding-bottom:16px!important;backdrop-filter:blur(16px)}.c27-header nav a{font-size:13px;font-weight:550}.c27-brand{background:transparent!important}.c27-brand img{width:112px!important}.c47-languages select{background:transparent!important;border-color:#d5d8d0}.c47-main{position:relative;isolation:isolate;max-width:1240px!important;padding:40px 28px 100px!important;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:52px;row-gap:0}.c47-main>*{grid-column:1/-1;min-width:0}.c47-main::before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:-40px -8vw auto;height:850px;background-image:linear-gradient(#155bd715 1px,transparent 1px),linear-gradient(90deg,#155bd715 1px,transparent 1px)!important;background-size:64px 64px;mask-image:radial-gradient(ellipse at 50% 25%,#000,transparent 72%);opacity:.55;animation:c51-grid 16s ease-in-out infinite alternate}.c47-status{grid-row:1;font-size:11px;letter-spacing:.045em;margin:0 0 56px!important;align-items:center}.c47-status a:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#155bd7;margin-right:9px}.c47-status span{opacity:.65}.c47-hero-intro{grid-column:1/7!important;grid-row:2;align-self:center;padding:0 0 36px}.c47-hero-intro h1{font-size:clamp(44px,5.1vw,70px)!important;line-height:1.04!important;font-weight:650!important;letter-spacing:-.06em!important;margin:24px 0!important}.c47-eyebrow{font-size:10px!important;letter-spacing:.12em!important;color:#155bd7!important}.c47-eyebrow:before{content:none!important}.c47-intro{font-size:19px!important;line-height:1.65!important;color:#62655f!important;max-width:470px!important}.c47-paths{gap:12px!important;margin:28px 0 20px!important}.c47-paths a{font-size:13px!important;font-weight:600;padding:11px 16px;border:1px solid #d0d5ce;border-radius:6px;background:#fff;text-decoration:none!important}.c47-paths a:first-child{color:#fff!important;background:#155bd7;border-color:#155bd7}.c47-small{font-size:11px!important;line-height:1.7!important}.c47-check-only{grid-column:7/-1!important;grid-row:2;margin:0!important;align-self:center}.c47-workbench{border:1px solid #d0d5ce!important;border-radius:10px!important;background:#fff!important;box-shadow:0 20px 60px #17305210!important;overflow:hidden}.c47-bar{font-size:10px!important;letter-spacing:.04em;padding:14px 20px!important;background:#efefea!important;border-bottom:1px solid #e2e4dc}.c47-form{padding:22px!important}.c47-form>label{font-size:12px;font-weight:600}.c47-form textarea{border-radius:6px!important;border:1px solid #d0d5ce!important;padding:15px!important;line-height:1.8!important;min-height:110px;font-size:13px!important;background:#fcfcfa!important}.c47-form summary{font-size:11px;color:#62655f;margin:12px 0}.c47-actions{gap:8px!important}.c47-btn{border-radius:5px!important;font-size:12px!important;padding:10px 14px!important;min-height:40px;transition:background .18s,border-color .18s,transform .18s}.c47-result{padding:22px!important;border-top:1px solid #e2e4dc;background:#f1f2ed!important}.c47-result h2{font-size:10px!important;text-transform:uppercase;letter-spacing:.1em!important;color:#62655f}.c47-result [data-result]{font-size:14px;font-weight:600}.c47-highlight{font-size:13px;line-height:1.9;border:1px solid #dedfd8;padding:14px!important;border-radius:5px}.c47-highlight:empty{display:none}.c47-result ul{font-size:12px;padding-left:18px}.c51-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dedfd8;border-bottom:1px solid #dedfd8;margin:72px 0 24px}.c51-metrics>div{padding:26px 22px;border-right:1px solid #dedfd8}.c51-metrics>div:last-child{border-right:0}.c51-metrics strong{display:block;font-size:32px;letter-spacing:-.05em;line-height:1.2}.c51-metrics p{margin:8px 0 0;color:#62655f;font-size:12px}.c47-comparison{margin:60px 0 0!important;padding-top:30px!important;border-top:0!important}.c47-comparison-intro{margin-bottom:26px!important}.c47-comparison-intro h2{font-size:28px!important;letter-spacing:-.04em!important}.c47-comparison-intro p{font-size:13px!important;margin-top:10px!important}.c47-comparison-grid{gap:18px;border:0!important;background:transparent!important}.c47-comparison-card{border:1px solid #2b3542!important;border-radius:10px!important;padding:26px!important;background:#10151c!important;color:#d8e5f5!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.c47-comparison-card+article{border-left:1px solid #2b3542!important}.c47-comparison-card header img{background:white;border-radius:4px;padding:4px}.c47-comparison-card header>span,.c47-comparison-purpose,.c47-comparison-card .c47-comparison-note{color:#a5b6ce!important}.c47-comparison-card a{color:#8db9ff}.c47-comparison-card pre{border-color:#2a3c54!important;color:#e0eafb!important;font-size:12px!important;line-height:2!important}.c47-code-line>span[aria-hidden]{color:#6f849f!important}.c47-comparison-card output{color:#a6c8ff!important;font-family:ui-monospace,monospace!important}.c47-comparison-card .c47-btn:not(.primary){background:#1c2f48!important;color:#dfeafb!important;border-color:#3a506e!important}.c47-code,.c27-code{background:#10151c!important;border:1px solid #2b3542!important;border-radius:8px!important;overflow:hidden;box-shadow:0 12px 36px #10233b0a!important}.c47-code pre,.c27-code pre{background:#10151c!important;color:#dce8f8!important;font-size:12px;line-height:1.9;padding:22px!important}.c27-code>div,.c50-response .c27-code>div{background:#18212d!important;color:#a9bdd8!important;border-bottom:1px solid #2a3c54!important;padding:12px 16px!important}.c27-code>div>span:before,.c47-code>.c47-small:first-child:before{content:'● ● ●';color:#6983a6;font-size:8px;letter-spacing:2px;margin-right:14px}.c27-code button{background:#233a58!important;color:#deebff!important;border:1px solid #405b7d!important;border-radius:4px}.c47-code>.c47-small{color:#a9bdd8!important;padding:15px 20px}.c51-token-string{color:#a9d6b2!important}.c51-token-keyword{color:#a7bcff!important}.c51-token-number{color:#f1c48c!important}.c49-card.featured{background:#10151c!important;color:#e1ebf8!important;border-color:#2b3542!important}.c49-card.featured h2,.c49-card.featured .c49-price{color:#fff!important}.c49-card.featured p,.c49-card.featured li,.c49-card.featured small{color:#a9bdd8!important}.c49-card.featured .c49-eyebrow{color:#8fbaff!important}.c49-wrap{padding-top:76px!important}.c49-wrap h1{font-size:clamp(44px,5vw,68px)!important;line-height:1.05!important;font-weight:650!important}.c49-grid{margin:56px 0!important;gap:28px!important}.c49-card{padding:36px!important;border-radius:10px!important}.c49-section{margin-top:64px!important;padding-top:36px!important}.c49-price{font-size:54px!important}.c49-button{border-radius:5px;min-height:44px;transition:background .18s,transform .18s}.c49-setup{box-shadow:0 16px 50px #17305208!important}.c49-setup-head h2{font-size:36px!important;font-weight:600;line-height:1.15}.c49-feedback{border-radius:4px;border-left-width:2px}.c49-steps{font-size:12px!important}.c49-key{background:#f8faff;border-color:#d6e1ef!important}.c49-key label{font-size:13px!important}.c49-key input{background:#fff!important;font-family:ui-monospace,monospace!important}.c49-private{font-size:11px!important}.c27-page .c27-hero h1{font-size:clamp(40px,4.5vw,64px)!important;font-weight:650;line-height:1.1}.c27-page .c27-hero p{font-size:18px!important;color:#62655f}.c27-page h2{font-size:27px;line-height:1.25;letter-spacing:-.04em}.c27-sidebar a{font-size:13px!important}.c27-content>section{margin-bottom:60px!important}.c28-footer{margin-top:72px!important;background:#f3f6fb!important;padding-top:64px!important;padding-bottom:32px!important}.c28-footer p{font-size:13px!important;line-height:1.8!important}.c28-footer a{font-size:12px!important}.c28-footer h2{font-size:12px!important;letter-spacing:0!important}.c28-footer-brand strong{font-weight:600;letter-spacing:-.01em}.c28-footer-status{font-size:10px!important}.c30-directory-grid{gap:36px!important}.c51-price-strip{margin:64px 0 0;padding:28px 32px;border:1px solid #d8e3f0;border-radius:8px;background:#f3f7fd;display:flex;justify-content:space-between;gap:24px;align-items:center}.c51-price-strip p{margin:6px 0 0;font-size:13px;color:#62655f}.c51-price-strip strong{font-size:23px;letter-spacing:-.035em}.c51-price-strip a{white-space:nowrap;font-size:13px;font-weight:600}.c51-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #dedfd8;border-radius:8px;overflow:hidden;margin:28px 0}.c51-flow>div{padding:24px;border-right:1px solid #dedfd8;background:#fff}.c51-flow>div:last-child{border:0}.c51-flow small{font:10px ui-monospace,monospace!important;color:#155bd7;letter-spacing:.1em}.c51-flow h3{font-size:16px;margin:14px 0 8px}.c51-flow p{font-size:12px!important;line-height:1.75!important;margin:0}.c47-vision{max-width:none!important;padding-top:56px!important;margin-top:64px!important}.c47-vision>h2{font-size:32px!important}.c47-vision>p{max-width:760px;font-size:13px!important}.c47-connect{margin-top:70px!important;padding-top:40px!important}.c47-main>section:not(.c47-hero-intro):not(.c47-check-only):not(.c47-comparison):not(.c47-vision):not(.c47-connect):not(.c51-price-strip){margin-top:56px}.c47-terminal-action{border-radius:8px!important;padding:30px!important}.c51-reveal[data-reveal=pending]{opacity:0;transform:translateY(12px)}.c51-reveal{transition:opacity .25s ease,transform .25s ease}.c51-terminal{animation:c51-type .85s steps(32,end) both} @keyframes c51-grid{from{opacity:.35}to{opacity:.7}}@keyframes c51-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}} @media(hover:hover) and (pointer:fine){.c47-comparison-card:hover,.c49-card:hover{transform:translateY(-3px);border-color:#5277a9!important;box-shadow:0 20px 45px #16325412!important}.c47-btn:hover,.c49-button:hover{transform:translateY(-1px)}} @media(max-width:1000px){.c47-main{column-gap:28px}.c47-hero-intro h1{font-size:52px!important}.c47-intro{font-size:17px!important}.c51-flow{grid-template-columns:repeat(2,1fr)}.c51-flow>div:nth-child(2){border-right:0}.c51-flow>div:nth-child(-n+2){border-bottom:1px solid #dedfd8}} @media(max-width:760px){.c47-main{display:block;padding:28px 20px 64px!important}.c47-status{margin-bottom:36px!important}.c47-hero-intro{padding-bottom:32px}.c47-hero-intro h1{font-size:52px!important;max-width:560px}.c47-intro{font-size:18px!important}.c47-check-only{margin-top:0!important}.c47-comparison-grid{display:grid;grid-template-columns:1fr}.c47-comparison-card{padding:22px!important}.c47-comparison-intro h2{font-size:26px!important}.c47-paths{flex-wrap:wrap}.c51-metrics{margin-top:48px}.c51-metrics>div{padding:22px 14px}.c51-metrics strong{font-size:27px}.c51-metrics p{font-size:11px}.c49-wrap{padding-top:40px!important}.c49-wrap h1{font-size:46px!important}.c49-card{padding:28px!important}.c49-setup-head h2{font-size:30px!important}.c51-price-strip{align-items:flex-start;flex-direction:column;padding:24px}.c51-flow>div{padding:20px}.c28-footer{padding-top:44px!important}.c27-header nav{gap:18px!important}.c51-flow h3{font-size:15px}} @media(max-width:420px){.c47-hero-intro h1{font-size:44px!important}.c47-form,.c47-result{padding:18px!important}.c47-actions{flex-wrap:wrap}.c47-comparison-card pre{font-size:10px!important}.c49-setup-head h2{font-size:28px!important}.c51-metrics>div{padding:20px 10px}.c51-metrics strong{font-size:24px}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.c51-reveal[data-reveal=pending]{opacity:1;transform:none}} /* Syntax spans must not inherit the line-number column width. */ .c47-code-line>span:not([aria-hidden]){display:inline!important;width:auto!important;user-select:text!important}.c47-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.c47-main::before{left:0;right:0} @media(max-width:760px){.c47-comparison-grid{grid-template-columns:1fr!important}} .c47-comparison-card pre::before{content:'● ● ●';display:block;color:#6f849f;font-size:8px;letter-spacing:2px;margin-bottom:10px;line-height:1} /* Audience and job navigation; native details work without JavaScript. */ .c52-nav{position:relative;display:flex;align-items:center;gap:26px!important}.c52-nav>a,.c52-menu>summary{font-size:13px;font-weight:550;white-space:nowrap}.c52-menu>summary{list-style:none;cursor:pointer;padding:10px 0;color:#121412}.c52-menu>summary::-webkit-details-marker{display:none}.c52-menu>summary::after{content:'';display:inline-block;width:5px;height:5px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);margin-left:9px;vertical-align:3px}.c52-menu[open]>summary::after{transform:rotate(225deg);vertical-align:0}.c52-menu-panel{position:absolute;right:0;top:calc(100% + 18px);width:min(690px,calc(100vw - 40px));background:#fff;border:1px solid #dedfd8;border-radius:10px;padding:28px;box-shadow:0 20px 55px #152d4918;z-index:60;max-height:70vh;overflow:auto}.c52-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.c52-menu-panel h2{font-size:11px!important;text-transform:uppercase;letter-spacing:.1em!important;margin:0 0 15px;color:#697068}.c52-menu-panel a{display:block;padding:9px 0!important;font-size:13px!important;text-decoration:none!important;color:#222723!important}.c52-menu-panel a:hover{color:#155bd7!important}.c52-menu-panel strong{display:block;font-size:13px;font-weight:600}.c52-menu-panel small{display:block;font-size:11px;color:#697068;white-space:normal;margin-top:4px;line-height:1.5}.c52-developers{width:280px}.c52-nav .c52-nav-cta{background:#155bd7!important;color:#fff!important;padding:10px 15px;border-radius:5px;text-decoration:none!important}.c52-nav .c52-nav-cta:hover{background:#104bb9!important} @media(max-width:760px){.c52-nav{width:100%;justify-content:space-between;gap:12px!important}.c52-nav>a,.c52-menu>summary{font-size:12px}.c52-menu-panel{right:0;padding:22px}.c52-products{grid-template-columns:1fr 1fr;gap:20px}.c52-products>section:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.c52-products>section:last-child h2{grid-column:1/-1}.c52-nav .c52-nav-cta{padding:9px 12px}.c52-developers{width:min(300px,calc(100vw - 40px))}} /* Editorial front door: one story, a working product, then the path into code. */ :root{color-scheme:light;--c53-paper:#f7f7f3;--c53-ink:#121412;--c53-accent:#155bd7} .c27-header{max-width:1240px;margin:auto}.c27-page{background:transparent!important}.c28-footer{background:#efefea!important;color:#121412!important;border-color:#dedfd8!important}.c28-footer h2,.c28-footer h3,.c28-footer strong{color:#121412!important}.c28-footer a{color:#535b56!important}.c28-footer a:hover{color:#155bd7!important} .c47-main{padding-top:52px!important;max-width:1180px!important}.c47-status{margin-bottom:40px!important}.c47-hero-intro{grid-column:1/-1!important;grid-row:auto!important;padding-bottom:42px;max-width:1020px}.c47-hero-intro h1{font-size:clamp(54px,7.5vw,96px)!important;max-width:1000px;line-height:1.01!important;letter-spacing:-.065em!important;font-weight:700!important;margin:24px 0 28px!important;color:#121412!important}.c47-intro{max-width:760px!important;font-size:24px!important;line-height:1.5!important}.c53-purpose{max-width:730px;font-size:17px;color:#62655f;margin:16px 0 0}.c47-hero-intro .c47-small{max-width:730px}.c47-check-only{grid-column:1/-1!important;grid-row:auto!important;width:100%}.c47-workbench{display:grid;grid-template-columns:1fr 1fr;background:#fff!important;border:1px solid #cfd4cd!important;box-shadow:0 18px 60px #151a1410!important;border-radius:14px!important}.c47-bar{grid-column:1/-1}.c47-form{padding:30px!important}.c47-result{border-top:0!important;border-left:1px solid #dedfd8;background:#f1f2ed!important;padding:30px!important}.c47-form textarea{min-height:138px!important}.c47-result [data-result]{font-size:20px;letter-spacing:-.025em}.c47-highlight{background:#fff}.c51-metrics{margin-top:44px}.c53-story{padding:44px 0 0;max-width:790px}.c53-story h2{font-size:clamp(32px,4vw,48px)!important;line-height:1.12}.c53-story p{font-size:18px;color:#62655f}.c51-price-strip{background:#fff!important;border-color:#d5d8d0!important}.c47-connect{gap:48px}.c47-vision h2,.c47-connect h2{font-size:36px!important;line-height:1.15}.c47-terminal-action{background:#efefea!important;border-color:#dedfd8!important}.c47-main::before{background-image:linear-gradient(#155bd710 1px,transparent 1px),linear-gradient(90deg,#155bd710 1px,transparent 1px)!important;background-size:56px 56px;animation:none;height:1100px;opacity:.6}.c52-menu-panel{background:#fcfcfa}.c52-menu>summary{color:#121412}.c52-nav .c52-nav-cta{font-weight:650} @media(max-width:760px){.c47-main{padding-top:28px!important}.c47-status{margin-bottom:28px!important;flex-wrap:wrap}.c47-hero-intro{padding-bottom:30px}.c47-hero-intro h1{font-size:clamp(48px,9vw,68px)!important}.c47-intro{font-size:21px!important}.c53-purpose{font-size:16px}.c47-workbench{grid-template-columns:1fr}.c47-form,.c47-result{padding:22px!important}.c47-result{border-left:0;border-top:1px solid #dedfd8!important}.c53-story{padding-top:30px}.c53-story p{font-size:16px}.c47-vision h2,.c47-connect h2{font-size:29px!important}.c27-header{padding-left:20px!important;padding-right:20px!important}.c51-flow{grid-template-columns:1fr}.c51-flow>div{border-right:0;border-bottom:1px solid #dedfd8}.c51-flow>div:last-child{border-bottom:0}} /* Keep the entire phone navigation on one line beneath the brand. */ @media(max-width:760px){.c27-header .c52-nav{flex-wrap:nowrap;gap:10px!important}.c27-header .c52-nav>a,.c27-header .c52-menu>summary{font-size:11px!important}.c27-header .c52-nav .c52-nav-cta{padding:9px 10px}} /* One palette contract. Light is deliberately the first render on every page. */ :root{--c55-paper:#fff;--c55-surface:#fff;--c55-soft:#f6f7f9;--c55-ink:#121412;--c55-muted:#606671;--c55-line:#e2e6ed;--c55-blue:#155bd7;--c55-header:rgba(255,255,255,.94);--c55-grid:#155bd710;--c55-code:#10151c;--c55-code-ink:#e2ebf7;--c55-focus:#155bd7;color-scheme:light} html[data-c55-theme=dark]{--c55-paper:#050505;--c55-surface:#151c27;--c55-soft:#192332;--c55-ink:#f0f3f8;--c55-muted:#b1bdcf;--c55-line:#344155;--c55-blue:#8cb9ff;--c55-header:rgba(5,5,5,.94);--c55-grid:#8cb9ff13;--c55-focus:#a2c7ff;color-scheme:dark} :root{--c51-ink:var(--c55-ink);--c51-muted:var(--c55-muted);--c53-paper:var(--c55-paper);--c53-ink:var(--c55-ink)} body{position:relative;isolation:isolate;background:var(--c55-paper)!important;color:var(--c55-ink)!important} main[data-c55-field]{position:relative;isolation:isolate} #c55-pixels{position:absolute;left:50%;top:-40px;transform:translateX(-50%);width:100vw;height:800px;z-index:-1;pointer-events:none;opacity:1} .c27-header{background:var(--c55-header)!important;border-color:var(--c55-line)!important}.c27-header .c27-brand img,.c28-footer-brand img{background:#fff;border-radius:4px;padding:3px 5px;box-sizing:content-box} .c55-theme-toggle{display:inline-flex;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:32px;padding:6px;border:1px solid var(--c55-line);border-radius:50%;background:var(--c55-surface);color:var(--c55-ink);cursor:pointer} .c55-theme-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.c55-theme-toggle .c55-sun{display:none}html[data-c55-theme=dark] .c55-theme-toggle .c55-moon{display:none}html[data-c55-theme=dark] .c55-theme-toggle .c55-sun{display:block}.c55-theme-toggle:focus-visible{outline:2px solid var(--c55-focus);outline-offset:3px}.c55-theme-toggle:hover{border-color:var(--c55-blue)} .c55-mobile-nav{display:none} html[data-c55-theme=dark] :is(.c47-main,.c27-page,.c49-wrap,.c28-footer) :is(h1,h2,h3,p,li,td,th,label,summary,small,strong){color:var(--c55-ink)!important} html[data-c55-theme=dark] body :is(.c47-intro,.c53-purpose,.c53-story p,.c47-small,.c27-hero p,.c49-intro,.c49-private,.c28-footer-bottom,.c28-footer p,.c51-metrics p){color:var(--c55-muted)!important} html[data-c55-theme=dark] :is(a,.c47-eyebrow,.c49-eyebrow,.c51-flow small){color:var(--c55-blue)} html[data-c55-theme=dark] :is(.c47-paths a,.c47-btn,.c49-button,.c27-button,.project-link){background:var(--c55-surface);border-color:var(--c55-line);color:var(--c55-ink)} html[data-c55-theme=dark] :is(.c47-btn.primary,.c49-button.primary,.c27-button.primary,.c47-paths a:first-child,.c52-nav-cta){background:#155bd7!important;color:#fff!important;border-color:#155bd7!important} html[data-c55-theme=dark] :is(.c47-workbench,.c47-highlight,.c51-price-strip,.c51-flow>div,.c49-card,.c49-setup,.c27-card,.c27-callout,.c27-notice,#live[data-ui-workbench],.c50-editor,.c50-response,.c52-menu-panel){background:var(--c55-surface)!important;color:var(--c55-ink)!important;border-color:var(--c55-line)!important;box-shadow:none!important} html[data-c55-theme=dark] :is(.c47-bar,.c47-result,.c47-terminal-action,.c49-manage,.c49-key,.c49-feedback,.c49-setup-head,.c50-workbench-head,.c30-directory,.c28-footer,.c28-endpoint,.c27-art,.c50-summary,.c50-event){background:var(--c55-soft)!important;color:var(--c55-ink)!important;border-color:var(--c55-line)!important} html[data-c55-theme=dark] :is(input,textarea,select,.c47-form textarea,.c49-key input){background:var(--c55-paper)!important;color:var(--c55-ink)!important;border-color:var(--c55-line)!important} html[data-c55-theme=dark] :is(input,textarea)::placeholder{color:#96a6bd!important;opacity:1} html[data-c55-theme=dark] :is(.c52-menu>summary,.c52-menu-panel a,.c28-footer a,.c28-footer strong,.c28-footer h2,.c28-footer h3,.c27-sidebar a){color:var(--c55-ink)!important} html[data-c55-theme=dark] :is(.c52-menu-panel a:hover,.c28-footer a:hover,.c27-sidebar a:hover){color:var(--c55-blue)!important} html[data-c55-theme=dark] :is(.c52-menu-panel small,.c52-menu-panel h2,.c28-footer-status,.c47-status,.c27-badge,.c31-kicker){color:var(--c55-muted)!important} html[data-c55-theme=dark] :is(.c51-metrics,.c51-metrics>div,.c51-flow,.c51-flow>div,.c27-table th,.c27-table td,.c27-content>section,.c49-section,.c28-footer-bottom,.c30-directory){border-color:var(--c55-line)!important} html[data-c55-theme=dark] :is(.c47-comparison-card,.c47-code,.c27-code,.c49-card.featured){background:var(--c55-code)!important;color:var(--c55-code-ink)!important;border-color:var(--c55-line)!important} html[data-c55-theme=dark] :is(.c47-comparison-card,.c47-code,.c27-code,.c49-card.featured) :is(p,li,small,pre,code){color:var(--c55-code-ink)!important} html[data-c55-theme=dark] :is(.c47-code pre,.c27-code pre){background:var(--c55-code)!important} html[data-c55-theme=dark] :is(mark,.finding-span,.c31-span,.c47-highlight mark){background:#51411b!important;color:#fff0bc!important} html[data-c55-theme=dark] .c47-main::before{background-image:linear-gradient(var(--c55-grid) 1px,transparent 1px),linear-gradient(90deg,var(--c55-grid) 1px,transparent 1px)!important} html[data-c55-theme=dark] :is(.c50-error,[role=alert]){color:#ffd0c9!important;border-color:#86534f!important} @media(max-width:760px){.c55-mobile-nav{display:block}.c27-header .c52-nav .c52-menu:not(.c55-mobile-nav),.c27-header .c52-nav .c55-desktop-link{display:none}.c27-header .c52-nav{gap:8px!important}.c55-theme-toggle{width:30px;height:30px;flex-basis:30px;padding:5px}.c55-mobile-nav .c52-menu-panel{width:min(335px,calc(100vw - 40px))}} @media(prefers-reduced-motion:reduce){#c55-pixels{animation:none;transition:none}} /* The same restrained texture and palette, with stack connections grouped by job. */ body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:none;background-size:14px 14px;mask-image:linear-gradient(#000,transparent 95%)} html[data-c55-theme=dark] body::before{background-image:none} .c56-hero{max-width:850px;padding:30px 0 24px}.c56-hero h1{font-size:clamp(46px,6vw,76px)!important;line-height:1.04!important;letter-spacing:-.06em!important;margin:22px 0}.c56-hero>p:not(.c47-eyebrow){font-size:21px;max-width:700px;color:var(--c55-muted);line-height:1.6}.c56-hero h1 span{color:var(--c55-blue)}.c56-boundary{border:1px solid var(--c55-line);border-radius:10px;padding:24px;background:var(--c55-soft);margin:28px 0}.c56-boundary p{font-size:14px;color:var(--c55-muted);margin:8px 0 14px}.c56-boundary strong{font-weight:650}.c56-boundary a,.c56-edge>a{color:var(--c55-blue);font-size:14px;font-weight:600}.c56-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0 64px}.c56-card{display:flex;flex-direction:column;min-width:0;padding:26px;border:1px solid var(--c55-line);border-radius:12px;background:var(--c55-surface);transition:transform .2s,border-color .2s}.c56-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.c56-logo{display:grid;place-items:center;flex:0 0 50px;height:50px;border:1px solid #e0e3e7;border-radius:10px;background:#fff;color:#121412}.c56-logo img{object-fit:contain}.c56-monogram{font-size:24px;font-weight:750;letter-spacing:-.08em}.c56-state{font:10px ui-monospace,monospace!important;color:var(--c55-muted);text-align:right}.c56-card h2{font-size:23px!important;margin:24px 0 12px!important}.c56-card p{font-size:14px;line-height:1.7!important;color:var(--c55-muted);margin:0 0 24px;flex:1}.c56-card a{font-size:13px;font-weight:600;color:var(--c55-blue);text-decoration:none}.c56-card a:hover{text-decoration:underline}.c56-edge{padding-top:10px;max-width:860px;margin:0 0 46px}.c56-edge h2,.c56-recipes-intro h2{font-size:32px!important}.c56-edge p{font-size:15px;color:var(--c55-muted);max-width:760px}.c56-recipes-intro{margin-top:52px;border-top:1px solid var(--c55-line);padding-top:36px}.c56-recipes-intro p{font-size:14px;color:var(--c55-muted)} @media(hover:hover){.c56-card:hover{transform:translateY(-3px);border-color:var(--c55-blue)}} @media(max-width:900px){.c56-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.c56-grid{grid-template-columns:1fr;gap:14px}.c56-card{padding:24px}.c56-hero{padding-top:16px}.c56-hero>p:not(.c47-eyebrow){font-size:18px}.c56-boundary{padding:20px}.c56-hero h1{font-size:48px!important}.c56-state{font-size:10px!important}.c56-recipes-intro h2,.c56-edge h2{font-size:28px!important}} @media(prefers-reduced-motion:reduce){.c56-card{transition:none!important;transform:none!important}} /* Auth belongs to the same palette; disabled providers stay visibly unavailable. */ html[data-c55-theme=dark] :is(.auth-card,.auth-mode button[aria-pressed=true]){background:var(--c55-surface)!important;border-color:var(--c55-line)!important;color:var(--c55-ink)!important;box-shadow:none!important} html[data-c55-theme=dark] .auth-mode{background:var(--c55-soft)!important}html[data-c55-theme=dark] .auth-mode button{color:var(--c55-ink)!important}html[data-c55-theme=dark] .auth-card :is(.fine,form p,.oauth-options p){color:var(--c55-muted)!important}html[data-c55-theme=dark] .auth-card .text-action{color:var(--c55-blue)!important} /* Legacy page shells share the same night palette, including sign-in and menus. */ html[data-c55-theme=dark] body .c27-header{background:var(--c55-header)!important;color:var(--c55-ink)!important;border-color:var(--c55-line)!important} html[data-c55-theme=dark] body :is(h1,h2,h3,label,summary,dt,dd){color:var(--c55-ink)!important}html[data-c55-theme=dark] body :is(p,.lede,.fine){color:var(--c55-muted)!important} html[data-c55-theme=dark] body .c27-header .c52-nav>a:not(.c52-nav-cta){color:var(--c55-ink)!important} html[data-c55-theme=dark] body :is(.c47-eyebrow,.c27-kicker,.c56-hero h1 span){color:var(--c55-blue)!important} html[data-c55-theme=dark] .auth-card .btn.p{background:#155bd7!important;color:#fff!important;border-color:#155bd7!important}html[data-c55-theme=dark] .auth-card .btn.s{background:var(--c55-surface)!important;color:var(--c55-ink)!important;border-color:var(--c55-line)!important} html[data-c55-theme=dark] .c27-page .c56-card p{color:var(--c55-muted)!important} /* Retain the original full-colour/black wordmark on an intentional white plate. */ html[data-c55-theme=dark] body :is(.c27-header .c27-brand img,.c28-footer-brand img){background:#fff!important;filter:none!important;border-radius:5px;padding:4px 6px} /* White canvas and neutral surfaces; motion lives in the actual pixel field. */ html[data-c55-theme=light] body{background:#fff!important} html[data-c55-theme=light] body .c27-header{background:rgba(255,255,255,.96)!important} html[data-c55-theme=light] body :is(.c28-footer,.c47-bar,.c47-result,.c47-terminal-action,.c49-manage,.c49-feedback,.c56-boundary,.auth-mode){background:var(--c55-soft)!important;border-color:var(--c55-line)!important} html[data-c55-theme=light] .c47-form textarea{background:#fff!important} .c47-main::before{opacity:.12!important} #c55-pixels{mask-image:none} /* One responsive motion rhythm across the product. */ @media(prefers-reduced-motion:no-preference){ :root{--c-motion-ease:cubic-bezier(.22,1,.36,1)} :is(.c47-btn,.c49-button,.c27-button,.c52-nav-cta,.c47-paths a,.auth-card .btn,.c55-theme-toggle,button[data-copy]){transition:transform 140ms var(--c-motion-ease),background-color 140ms ease,border-color 140ms ease,box-shadow 140ms ease!important} :is(.c47-btn,.c49-button,.c27-button,.c52-nav-cta,.c47-paths a,.auth-card .btn,.c55-theme-toggle,button[data-copy]):not(:disabled):active{transform:translateY(1px) scale(.98)!important;transition-duration:80ms!important} :is(.c56-card,.c49-card,.c27-card,.c28-tool,.c47-comparison-card,.c51-flow>div){transition:transform 180ms var(--c-motion-ease),border-color 160ms ease,box-shadow 180ms ease!important} :is(input,textarea,select){transition:border-color 140ms ease,box-shadow 140ms ease!important} :is(input,textarea,select):focus-visible{box-shadow:0 0 0 3px #155bd718;outline-offset:2px} :is(.c52-nav a,.c52-menu>summary,.c28-footer a,.c27-sidebar a){transition:color 140ms ease,background-color 140ms ease!important} .c52-menu[open]>.c52-menu-panel{animation:c57-open 180ms var(--c-motion-ease) both} .c51-reveal[data-reveal]{transition:opacity 220ms ease,transform 220ms var(--c-motion-ease),border-color 160ms ease,box-shadow 180ms ease!important} .c51-reveal[data-reveal=pending]{transform:translateY(8px)} .c51-terminal{animation-duration:450ms!important} @keyframes c57-open{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}} } @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){ :is(.c56-card,.c49-card,.c27-card,.c28-tool,.c47-comparison-card,.c51-flow>div):hover{transform:translateY(-3px);border-color:var(--c55-blue)!important;box-shadow:0 12px 32px #155bd710!important} :is(.c47-btn,.c49-button,.c27-button,.c52-nav-cta,.c47-paths a,.auth-card .btn,button[data-copy]):not(:disabled):hover{transform:translateY(-2px);box-shadow:0 5px 14px #155bd715} } /* Curbi silver system. Layout, labels, controls and state hooks stay intact. Important rules in this layer take precedence over the older unlayered themes. */ :root,html[data-c55-theme=light]{ --c55-paper:#fff;--c55-surface:#fff;--c55-soft:#f5f5f5; --c55-ink:#111;--c55-muted:#626262;--c55-line:#dedede; --c55-blue:#202020;--c55-header:rgba(255,255,255,.94); --c55-grid:#1111110a;--c55-code:#131313;--c55-code-ink:#efefef;--c55-focus:#111; --c57-primary:#111;--c57-on-primary:#fff;--c57-secondary:#f1f1f1; --c57-hover:#e6e6e6;--c57-strong-line:#949494;--c57-disabled:#ececec; --c57-disabled-ink:#777;--c57-glow:rgba(115,115,115,.18);--c57-pulse:rgba(115,115,115,.23); --c57-code-soft:#222;--c57-code-line:#414141;--c57-code-muted:#bbb;--c57-mark:#e1e1e1; --c57-ease:cubic-bezier(.22,1,.36,1); color-scheme:light; } html[data-c55-theme=dark]{ --c55-paper:#080808;--c55-surface:#121212;--c55-soft:#1b1b1b; --c55-ink:#f5f5f5;--c55-muted:#b2b2b2;--c55-line:#353535; --c55-blue:#ededed;--c55-header:rgba(8,8,8,.94); --c55-grid:#ffffff0c;--c55-code:#101010;--c55-code-ink:#efefef;--c55-focus:#fff; --c57-primary:#f5f5f5;--c57-on-primary:#111;--c57-secondary:#232323; --c57-hover:#303030;--c57-strong-line:#6b6b6b;--c57-disabled:#252525; --c57-disabled-ink:#969696;--c57-glow:rgba(215,215,215,.13);--c57-pulse:rgba(225,225,225,.16); --c57-code-soft:#202020;--c57-code-line:#3d3d3d;--c57-code-muted:#bdbdbd;--c57-mark:#3d3d3d; color-scheme:dark; } :root{ --c47-bg:var(--c55-paper);--c47-panel:var(--c55-surface);--c47-text:var(--c55-ink);--c47-muted:var(--c55-muted);--c47-line:var(--c55-line);--c47-accent:var(--c55-blue); --c27-bg:var(--c55-paper);--c27-panel:var(--c55-surface);--c27-text:var(--c55-ink);--c27-muted:var(--c55-muted);--c27-line:var(--c55-line);--c27-blue:var(--c55-blue);--c27-cyan:var(--c55-ink); --c51-ink:var(--c55-ink);--c51-muted:var(--c55-muted);--c51-blue:var(--c55-blue);--c51-code:var(--c55-code); --c53-paper:var(--c55-paper);--c53-ink:var(--c55-ink);--c53-accent:var(--c55-blue); --c30-accent:var(--c55-ink);--c30-line:var(--c55-line);--c30-soft:var(--c55-soft); --cp-blue:var(--c55-ink);--cp-ink:var(--c55-ink);--cp-muted:var(--c55-muted);--cp-line:var(--c55-line);--cp-paper:var(--c55-soft); --pd-blue:var(--c55-ink);--pd-ink:var(--c55-ink);--pd-muted:var(--c55-muted);--pd-line:var(--c55-line);--pd-soft:var(--c55-soft); --blue:var(--c55-ink);--blue-ink:var(--c55-ink);--cb:var(--c55-ink);--cbd:var(--c55-ink);--ci:var(--c55-ink);--ci2:var(--c55-muted);--cm:var(--c55-muted);--cl:var(--c55-line);--cs:var(--c55-soft);--cc:var(--c55-code);--silver:var(--c55-soft);--hair:var(--c55-line); } @layer c57-brand{ body *{color:inherit!important;border-color:var(--c55-line)!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;text-decoration-color:currentColor!important} body img{filter:grayscale(1)!important} html,body{background:var(--c55-paper)!important;color:var(--c55-ink)!important;accent-color:var(--c55-ink)!important} ::selection{background:var(--c57-mark);color:var(--c55-ink)} body :is(h1,h2,h3,h4,label,summary,dt,dd){color:var(--c55-ink)!important} body :is(a,.c47-eyebrow,.c49-eyebrow,.c27-kicker,.c31-kicker,.c51-flow small,.c56-hero h1 span,.c49-estimate output){color:var(--c55-ink)!important} body :is(pre,code){color:var(--c55-ink)!important;border-color:var(--c55-line)!important} body :is(.c47-intro,.c53-purpose,.c53-story p,.c47-small,.c27-page p,.c27-lead,.c49-lead,.c49-note,.c49-private,.c49-card p,.c49-card li,.c49-card small,.c49-table th,.c49-faq p,.c49-steps,.c50-scope,.c50-policy,.c50-boundary,.c52-menu-panel small,.c52-menu-panel h2,.c56-state,.c56-card p,.c56-boundary p,.c56-edge p,.lede,.fine,.auth-card p,.auth-notice,.auth-method-note,.sb-muted,.sb-help,.sb-saved,.sb-status,.sb-label,.sb-tiny,.sb-side-note,.sb-step){color:var(--c55-muted)!important} body :is(.c47-hero-intro h1,.c27-page h1 span,.c27-page h2 span){color:var(--c55-ink)!important;-webkit-text-fill-color:currentColor!important} body :is(.c27-header){background:var(--c55-header)!important;color:var(--c55-ink)!important;border-color:var(--c55-line)!important} body :is(.c52-menu>summary,.c52-menu-panel a,.c27-header .c52-nav>a:not(.c52-nav-cta),.c27-sidebar a){color:var(--c55-ink)!important} body .c47-main::before{background-image:linear-gradient(var(--c55-grid) 1px,transparent 1px),linear-gradient(90deg,var(--c55-grid) 1px,transparent 1px)!important;opacity:.32!important;animation:none!important} /* Surfaces use the same silver scale in both themes. */ body :is(.c47-workbench,.c47-highlight,.c51-price-strip,.c51-flow>div,.c49-card,.c49-setup,.c49-key,.c27-card,.c27-callout,.c27-notice,.c28-tool,.c28-two>*,.c28-console,.c39-result,:where(#live[data-ui-workbench]),.c50-editor,.c50-response,.c52-menu-panel,.c30-cookie,.c30-cookies,.auth-card,.auth-main,.studio-editor,.studio-output,.studio-account,.sb-card,.sb-stat,.sb-result,.sb-empty,.lab-record,.reply-box,.al,.lab-report,.c31-view){background:var(--c55-surface)!important;color:var(--c55-ink)!important;border-color:var(--c55-line)!important;box-shadow:0 8px 32px #80808008!important} body :is(.c47-bar,.c47-result,.c47-terminal-action,.c49-manage,.c49-feedback,.c49-setup-head,.c50-workbench-head,.c50-summary,.c50-event,.c50-boundary,.c56-boundary,.c27-art,.c27-badge,.c28-badge,.c28-endpoint,.c30-directory,.c37-summary,.c37-check-summary,.c39-release-strip,.auth-mode,.auth-notice,.sb-banner,.sb-sidebar,.sb-welcome,.sb-pill,.sb-highlight,.sb-icon,.sb-proof-note,.sb-badge,.sb-error,.c31-agent,.c31-rule,.c47-draft,.policy-settings,.price-controls,.record-boundary,.lab-claim){background:var(--c55-soft)!important;color:var(--c55-ink)!important;border-color:var(--c55-line)!important} body :is(.c51-metrics,.c51-metrics>div,.c51-flow,.c51-flow>div,.c27-content>section,.c27-table th,.c27-table td,.c49-section,.c49-table th,.c49-table td,.c49-faq details,.c49-next,.c49-key,.c49-steps span,.c50-editor,.c50-policy,.c27-sidebar,.c28-row,.c28-footer-bottom,.c28-footer-status,.c30-directory,.sb-table th,.sb-table td,.sb-finding,.c31-actions>.c39-replay-control){border-color:var(--c55-line)!important} body :is(.c49-setup[data-ready] .c49-feedback,.c49-setup[data-returned] .c49-steps li:nth-child(2),.c49-setup[data-ready] .c49-steps li:nth-child(2),.c47-result [data-state],.c37-summary.warning,.c37-summary.error,.c37-check-summary.warning,.c37-check-summary.error,.c31-status,.sb-banner b,.sb-step b,.sb-field,.sb-stat strong,.sb-table td,.sb-finding code,.sb-breadcrumb,.sb-main summary,.sb-badge.clear,.sb-badge.error){color:var(--c55-ink)!important;border-color:var(--c57-strong-line)!important} body :is(.c28-footer){background:var(--c55-soft)!important;color:var(--c55-ink)!important;border-color:var(--c55-line)!important} body :is(.c28-footer p,.c28-footer a,.c28-footer-status,.c28-footer-bottom,.c30-cookie p,.c30-cookie small,.c30-cookies p,.c30-cookies small){color:var(--c55-muted)!important} body :is(.c28-footer strong,.c28-footer h2,.c28-footer h3){color:var(--c55-ink)!important} body :is(.c47-status a:before,.c28-footer-status span:before,.c28-footer-status .live:before,.sb-dot,.c39-off-dot){background:var(--c55-muted)!important} body :is(.c47-status,.c47-status strong,.c28-tag){color:var(--c55-muted)!important;border-color:var(--c57-strong-line)!important} body :is(.c56-logo img,.c47-comparison-card header img){filter:grayscale(1)!important} body .c56-logo{border-color:#dedede!important;background:#fff!important;color:#111!important} /* Real controls become pills. Ordinary navigation and content links stay links. */ body :is(button,input[type=submit],input[type=button],.btn,.c47-btn,.c49-button,.c27-button,.c27-btn,.c52-nav-cta,.c27-start,.cp-btn,.sb-btn,.connect-btn,.continue-btn,.cv-button,.curbi-action,.v257-btn-primary,.project-link,.c47-paths a,.c31-actions a){ border-radius:999px!important;background:var(--c57-secondary)!important;color:var(--c55-ink)!important;border-color:var(--c55-line)!important;box-shadow:none!important;text-decoration:none!important; } body :is(.c47-btn.primary,.c49-button:not(.secondary),.c27-button.primary,.c27-btn.primary,.c52-nav .c52-nav-cta,.c27-start,.btn.p,.btn-blue,.btn-gold,.auth-button.primary,.auth-card .btn.p,.cp-btn:not(.secondary),.sb-btn.primary,.connect-btn,.continue-btn,.cv-button,.curbi-action:not(.secondary),.v257-btn-primary,.c47-paths a:first-child,.c31-actions button:first-child,[data-paid-access] button:not([data-manage])){ background:var(--c57-primary)!important;color:var(--c57-on-primary)!important;border-color:var(--c57-primary)!important; } body :is(.text-action,.btn-ghost,.sb-table button){background:transparent!important;color:var(--c55-ink)!important;border-color:transparent!important;text-decoration:underline!important;text-underline-offset:3px} body :is(.c27-filters button[aria-pressed=true],.auth-mode button[aria-pressed=true],.sb-sidebar button[aria-current=page],.sb-agent-tabs .active,.c28-tablist button[aria-selected=true],button[role=tab][aria-selected=true]){background:var(--c55-ink)!important;color:var(--c55-paper)!important;border-color:var(--c55-ink)!important;box-shadow:none!important} body :is(input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]),textarea,select,.c47-form textarea,.c49-key input,.c50-editor textarea,.c28-console textarea){background:var(--c55-surface)!important;color:var(--c55-ink)!important;border-color:var(--c57-strong-line)!important;box-shadow:none!important;caret-color:var(--c55-ink)!important} body :is(input,textarea)::placeholder{color:var(--c55-muted)!important;opacity:1!important} body :is(button,input[type=submit],input[type=button],.btn,.c47-btn,.c49-button,.c27-button,.c27-btn,.c52-nav-cta,.cp-btn,.sb-btn):is(:disabled,[aria-disabled=true]){ background:var(--c57-disabled)!important;color:var(--c57-disabled-ink)!important;border-color:var(--c55-line)!important;box-shadow:none!important;filter:none!important;animation:none!important;transform:none!important;cursor:not-allowed!important;opacity:1!important; } /* Technical panels stay dark and achromatic, with readable tonal syntax. */ body :is(.c47-comparison-card,.c47-code,.c27-code,.c28-tabs,.c28-recipe,.c31-code,.c31-json,.c43-code,.c30-code,.snippet,.sb-code,.c49-card.featured){background:var(--c55-code)!important;color:var(--c55-code-ink)!important;border-color:var(--c57-code-line)!important;box-shadow:none!important} body :is(.c47-comparison-card,.c47-code,.c27-code,.c28-tabs,.c28-recipe,.c31-code,.c31-json,.c43-code,.c30-code,.snippet,.sb-code) :is(pre,code){background:var(--c55-code)!important;color:var(--c55-code-ink)!important;border-color:var(--c57-code-line)!important} body :is(.c47-comparison-card,.c49-card.featured) :is(h2,h3,.c49-price){color:#fff!important} body :is(.c47-comparison-card,.c49-card.featured) :is(p,li,small,.c49-eyebrow,.c47-comparison-purpose,.c47-comparison-note){color:var(--c57-code-muted)!important} body :is(.c47-comparison-card header>span,.c47-comparison-card output,.c47-comparison-card a,.c47-code>.c47-small,.c27-code>div,.c50-response .c27-code>div,.c31-code>div,.c28-tabbar){color:var(--c57-code-muted)!important;border-color:var(--c57-code-line)!important} body :is(.c27-code>div,.c50-response .c27-code>div,.c31-code>div,.c28-tablist,.c28-tabbar){background:var(--c57-code-soft)!important;border-color:var(--c57-code-line)!important} body :is(.c47-comparison-card,.c47-code,.c27-code,.c28-tabs,.c28-recipe,.c31-code,.c49-card.featured) :is(button:not(.primary):not(.p):not([aria-selected=true]),.c47-btn:not(.primary),.c49-button.secondary){background:#292929!important;color:#f5f5f5!important;border-color:#555!important} body .c28-tablist button[aria-selected=true]{background:#ededed!important;color:#111!important;border-color:#ededed!important} body :is(.c47-code-line>span[aria-hidden],.c47-comparison-card pre::before,.c27-code>div>span:before,.c47-code>.c47-small:first-child:before){color:#8d8d8d!important} body :is(.c51-token-string){color:#dedede!important} body :is(.c51-token-keyword){color:#fff!important;font-weight:650} body :is(.c51-token-number){color:#bcbcbc!important} body :is(pre,code,.c28-scroll){scrollbar-color:#777 #202020!important} body :is(pre,.c28-scroll)::-webkit-scrollbar{background:#202020!important} body :is(pre,.c28-scroll)::-webkit-scrollbar-thumb{background:#777!important} body :is(mark,.finding-span,.c31-span,.c31-mark,.c47-highlight mark,.sb-highlight mark){background:var(--c57-mark)!important;color:var(--c55-ink)!important;border-bottom-color:var(--c55-ink)!important} body :is(.c50-error,[role=alert],.err,.ferr){color:var(--c55-ink)!important;border-color:var(--c57-strong-line)!important} body :is(.c31-rule,.sb-badge,.c27-status,.c30-warn,.c30-ok,.c30-no,.pass,.fail,.verdict,.dot,.ok){color:var(--c55-ink)!important} html body :is(button,input[type=submit],input[type=button],.btn,.c47-btn,.c49-button,.c27-button,.c27-btn,.c52-nav-cta,.cp-btn,.sb-btn):is(:disabled,[aria-disabled=true]):is(:disabled,[aria-disabled=true]){background:var(--c57-disabled)!important;color:var(--c57-disabled-ink)!important;border-color:var(--c55-line)!important;box-shadow:none!important;filter:none!important;animation:none!important;transform:none!important;cursor:not-allowed!important;opacity:1!important} /* Keyboard focus is always visible, including on dark code panels. */ body :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--c55-focus)!important;outline-offset:4px!important;box-shadow:0 0 0 2px var(--c55-paper)!important} body :is(.c47-comparison-card,.c47-code,.c27-code,.c28-tabs,.c31-code,.c49-card.featured) :focus-visible{outline-color:#fff!important;box-shadow:0 0 0 2px #111!important} @media(prefers-reduced-motion:no-preference){ body :is(button,.btn,.c47-btn,.c49-button,.c27-button,.c27-btn,.c52-nav-cta,.c27-start,.cp-btn,.sb-btn,.connect-btn,.continue-btn,.cv-button,.curbi-action,.v257-btn-primary,.project-link,.c47-paths a,.c31-actions a){transition:transform 160ms var(--c57-ease),background-color 160ms ease,border-color 160ms ease,box-shadow 180ms ease!important} body :is(input,textarea,select){transition:border-color 160ms ease,box-shadow 180ms ease!important} body :is(.c56-card,.c49-card,.c27-card,.c28-tool,.c47-comparison-card,.c51-flow>div,.sb-card){transition:transform 200ms var(--c57-ease),border-color 180ms ease,box-shadow 200ms ease!important} body :is(.c52-nav-cta,.c47-form .c47-btn.primary,#api-run):not(:disabled):not([aria-disabled=true]){animation:c57-silver-breathe 7s ease-in-out infinite} body :is(button,.btn,.c47-btn,.c49-button,.c27-button,.c27-btn,.c52-nav-cta,.cp-btn,.sb-btn,.connect-btn,.continue-btn,.cv-button,.curbi-action,.c47-paths a,.c31-actions a):not(:disabled):not([aria-disabled=true]):active{transform:translateY(1px) scale(.98)!important;transition-duration:80ms!important} @keyframes c57-silver-breathe{0%,70%,100%{filter:drop-shadow(0 0 0 transparent)}35%{filter:drop-shadow(0 0 6px var(--c57-pulse))}} } @media(hover:hover) and (pointer:fine){ body :is(button,.btn,.c47-btn,.c49-button,.c27-button,.c27-btn,.c52-nav-cta,.c27-start,.cp-btn,.sb-btn,.connect-btn,.continue-btn,.cv-button,.curbi-action,.v257-btn-primary,.project-link,.c47-paths a,.c31-actions a):not(:disabled):not([aria-disabled=true]):hover{border-color:var(--c57-strong-line)!important;box-shadow:0 4px 16px var(--c57-glow)!important;filter:none} body :is(.c47-btn:not(.primary),.c49-button.secondary,.c27-button:not(.primary),.c27-btn:not(.primary),.btn.s,.auth-card .btn.s,.cp-btn.secondary,.sb-btn:not(.primary),[data-copy],.c55-theme-toggle):not(:disabled):not([aria-disabled=true]):hover{background:var(--c57-hover)!important;color:var(--c55-ink)!important} body :is(.c47-comparison-card,.c47-code,.c27-code,.c28-tabs,.c31-code,.c49-card.featured) :is(button:not(.primary):not(.p):not([aria-selected=true]),.c47-btn:not(.primary),.c49-button.secondary):not(:disabled):not([aria-disabled=true]):hover{background:#3a3a3a!important;color:#fff!important;border-color:#888!important} body :is(.c52-menu-panel a,.c28-footer a,.c27-sidebar a,.c56-card a):hover{color:var(--c55-ink)!important;text-decoration:underline!important;text-underline-offset:4px} body :is(.c56-card,.c49-card,.c27-card,.c28-tool,.c47-comparison-card,.c51-flow>div,.sb-card):hover{border-color:var(--c57-strong-line)!important;box-shadow:0 10px 28px var(--c57-glow)!important} } @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){ body :is(button,.btn,.c47-btn,.c49-button,.c27-button,.c27-btn,.c52-nav-cta,.cp-btn,.sb-btn,.connect-btn,.continue-btn,.cv-button,.curbi-action,.c47-paths a,.c31-actions a):not(:disabled):not([aria-disabled=true]):hover{transform:translateY(-1px)!important} body :is(.c56-card,.c49-card,.c27-card,.c28-tool,.c47-comparison-card,.c51-flow>div,.sb-card):hover{transform:translateY(-2px)!important} } @media(hover:none),(pointer:coarse){body :is(.c56-card,.c49-card,.c27-card,.c28-tool,.c47-comparison-card,.c51-flow>div,.sb-card):hover{transform:none!important}} @media(prefers-reduced-motion:reduce){ *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important} body :is(.c51-reveal,.c51-reveal[data-reveal=pending]){opacity:1!important;transform:none!important} body :is(button,.btn,.c47-btn,.c49-button,.c27-button,.c27-btn,.c52-nav-cta,.cp-btn,.sb-btn,.c56-card,.c49-card,.c27-card,.c28-tool,.c47-comparison-card,.c51-flow>div,.sb-card):is(:hover,:active){transform:none!important} } } /* xAI-inspired light type treatment, using the existing locally licensed Inter. */ @layer c57-brand{ body :is(h1,h2,h3){font-weight:450!important;letter-spacing:-.025em!important} body .c47-hero-intro{width:100%;max-width:1020px;justify-self:center;text-align:center} body .c47-hero-intro h1{font-size:clamp(42px,5.8vw,72px)!important;line-height:1.05!important;font-weight:450!important;max-width:920px;margin-left:auto!important;margin-right:auto!important} body .c47-hero-intro :is(.c47-intro,.c53-purpose,.c47-small){margin-left:auto!important;margin-right:auto!important} body .c47-hero-intro .c47-intro{font-size:21px!important;line-height:1.55!important;max-width:800px!important} body .c47-hero-intro .c47-paths{justify-content:center} body :is(button,.c47-btn,.c49-button,.c27-button,.c52-nav-cta,.c47-paths a){font-weight:500!important} body .c57-wordmark{display:inline-flex;align-items:center;vertical-align:middle;line-height:0} body .c57-wordmark img{width:118px!important;height:auto!important;max-width:none!important;padding:0!important;background:transparent!important;border-radius:0!important;filter:none!important;object-fit:contain} body .c57-wordmark .c57-logo-light{display:inline-block!important} body .c57-wordmark .c57-logo-dark{display:none!important} html[data-c55-theme=dark] body .c57-wordmark .c57-logo-light{display:none!important} html[data-c55-theme=dark] body .c57-wordmark .c57-logo-dark{display:inline-block!important} html body .c47-comparison-card .c57-wordmark .c57-logo-light{display:none!important} html body .c47-comparison-card .c57-wordmark .c57-logo-dark{display:inline-block!important} @media(max-width:760px){body .c47-hero-intro h1{font-size:clamp(42px,10vw,60px)!important}body .c47-hero-intro .c47-intro{font-size:19px!important}} } @layer c57-brand{ body .c47-status a::before,body .c28-footer-status span::before,body .c28-footer-status .live::before,body .c39-off-dot::before{background:var(--c55-muted)!important} body .c28-footer-top{border-color:var(--c55-line)!important} } @layer c57-brand{ body .c47-comparison-card pre::before,body .c27-code>div>span::before,body .c47-code>.c47-small:first-child::before{color:#8d8d8d!important} } /* /curbi-v47 */ /* curbi-v28: developer layer + footer */ /* v28: hardened footer, code tabs, live MCP console, matrix and status components. Extends the c27 shell. */ .c28-tabs{border:1px solid var(--c27-line);border-radius:12px;background:#0b1424;overflow:hidden;margin:18px 0} .c28-tablist{display:flex;gap:2px;flex-wrap:wrap;border-bottom:1px solid var(--c27-line);background:#0e1930;padding:6px} .c28-tablist button{font:600 12px/1 'IBM Plex Mono',monospace;color:#a6b6d0;background:none;border:0;border-radius:7px;padding:10px 12px;cursor:pointer} .c28-tablist button[aria-selected=true]{background:#1a2b4a;color:#7eeaff} .c28-tabs pre{margin:0;padding:18px;overflow:auto;font:13px/1.6 'IBM Plex Mono',monospace;color:#d6e3f7;white-space:pre} .c28-tabs .c28-tabbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-top:1px solid #1d2a43;font-size:12px;color:#8ea3c4} .c28-tabs .c28-tabbar button{font:600 12px Inter,sans-serif;color:#cfe0ff;background:#172640;border:1px solid #2f4466;border-radius:6px;padding:6px 10px;cursor:pointer} .c28-badge{display:inline-block;font:600 10.5px/1 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;border:1px solid #2f4466;border-radius:999px;padding:5px 9px;color:#9fb3d3;margin:0 6px 6px 0} .c28-badge.live{color:#6ff0b5;border-color:#1f6b4c;background:#0d2a1f}.c28-badge.preview{color:#ffd27a;border-color:#6b5320;background:#2a2110}.c28-badge.fail{color:#ff9a8a;border-color:#6b2a20;background:#2a1210} .c28-recipe{border:1px solid var(--c27-line);border-radius:12px;padding:18px 20px;margin:16px 0;background:#0d1729} .c28-recipe summary{cursor:pointer;font-weight:700;color:#eaf1ff;display:flex;justify-content:space-between;gap:12px;align-items:center} .c28-recipe .c28-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:14px} .c28-recipe .c28-two>div,.c27-content,.c27-split>*{min-width:0} .c28-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 12px;max-width:100%}.c28-scroll table{margin:0} .c28-recipe pre{margin:0;max-height:340px;overflow:auto;padding:14px;border-radius:8px;background:#08101f;border:1px solid #1d2a43;font:12px/1.55 'IBM Plex Mono',monospace;color:#d6e3f7} .c28-recipe h4{margin:0 0 8px;font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.1em;color:#7eeaff;text-transform:uppercase} .c28-console{border:1px solid #2c4f86;border-radius:14px;background:linear-gradient(180deg,#0d1a31,#0a1426);padding:18px;margin:18px 0} .c28-console .c28-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px} .c28-console select,.c28-console textarea{font:13px/1.5 'IBM Plex Mono',monospace;background:#08101f;color:#eaf1ff;border:1px solid #2f4466;border-radius:8px;padding:10px} .c28-console textarea{width:100%;min-height:150px} .c28-console .c28-log{display:grid;gap:10px;margin-top:12px} .c28-console .c28-log div{border:1px solid #1d2a43;border-radius:8px;background:#08101f} .c28-console .c28-log b{display:block;padding:8px 12px;border-bottom:1px solid #1d2a43;font:600 11px 'IBM Plex Mono',monospace;color:#7eeaff} .c28-console .c28-log pre{margin:0;padding:12px;max-height:300px;overflow:auto;font:12px/1.5 'IBM Plex Mono',monospace;color:#d6e3f7;white-space:pre-wrap;word-break:break-word} .c28-matrix td.fail{color:#ff9a8a;font-weight:700}.c28-matrix td.pass{color:#6ff0b5;font-weight:700} .c28-schema{font:12px/1.6 'IBM Plex Mono',monospace;color:#c9d7ed} .c28-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:22px 0} .c28-flow div{border:1px solid var(--c27-line);border-radius:10px;padding:14px;background:#0d1729;font-size:13px;color:#b9c8df} .c28-flow b{display:block;color:#7eeaff;font:600 11px 'IBM Plex Mono',monospace;margin-bottom:6px} /* Footer. Scoped by id so no legacy page rule (e.g. a bare `footer{display:grid}`) can reshape it. */ #curbi-footer{display:block;width:auto;max-width:none;margin:0;grid-template-columns:none;gap:0;text-align:left;font:14px/1.5 Inter,system-ui,sans-serif;background:#060b17;border-top:1px solid #1f2c45;color:#cbd8ed;padding:64px max(24px,calc((100% - 1240px)/2)) 26px;box-sizing:border-box} #curbi-footer *{box-sizing:border-box} #curbi-footer a{display:inline;margin:0;font-size:12.5px;color:#a3b4cf;text-decoration:none;line-height:1.45} #curbi-footer a:hover,#curbi-footer a:focus-visible{color:#7eeaff;text-decoration:underline} #curbi-footer p{color:#9fb1cd} #curbi-footer .c28-footer-top{display:grid;grid-template-columns:1.4fr 3fr;gap:48px;padding-bottom:36px;border-bottom:1px solid #1a2741} #curbi-footer .c28-footer-brand img{display:block;width:112px;height:auto;filter:none;background:#fff;border-radius:9px;padding:7px 10px;box-sizing:content-box} #curbi-footer .c28-footer-brand p{font-size:13px;line-height:1.7;max-width:340px;margin:14px 0} #curbi-footer .c28-footer-brand strong{color:#eff5ff;font-size:15px;line-height:1.5} #curbi-footer .c28-endpoint{display:block;font:12px/1.4 'IBM Plex Mono',monospace;color:#7eeaff;background:#0b1730;border:1px solid #213459;border-radius:8px;padding:10px 12px;margin-top:10px;word-break:break-all;max-width:340px} #curbi-footer .c28-endpoint small{display:block;color:#8398b9;font-family:Inter,sans-serif;margin-bottom:4px} #curbi-footer nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 22px;margin:0;padding:0;background:none;border:0;position:static} #curbi-footer h2{font:700 12px/1 Inter,sans-serif;letter-spacing:.02em;color:#eff5ff;margin:0 0 14px} #curbi-footer ul{list-style:none;margin:0;padding:0;display:block} #curbi-footer li{margin:0 0 10px;padding:0} #curbi-footer .c28-footer-status{display:flex;flex-wrap:wrap;gap:8px 18px;padding:18px 0;border-bottom:1px solid #1a2741;font:12px/1.5 'IBM Plex Mono',monospace;color:#8ea3c4} #curbi-footer .c28-footer-status span::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#3ccf8e;margin-right:7px;vertical-align:1px} #curbi-footer .c28-footer-status span.preview::before{background:#ffc04d} #curbi-footer .c28-footer-bottom{display:flex;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;padding-top:18px;font-size:11.5px;color:#8398b9} #curbi-footer .c28-footer-bottom a{font-size:11.5px} /* Code: dark scrollbars everywhere a block can scroll. */ .c28-tabs pre,.c27-code pre,.c28-recipe pre,.c28-log pre,.c28-scroll{scrollbar-width:thin;scrollbar-color:#2f4466 #0b1424} .c28-tabs pre::-webkit-scrollbar,.c27-code pre::-webkit-scrollbar,.c28-recipe pre::-webkit-scrollbar,.c28-scroll::-webkit-scrollbar{height:8px;width:8px;background:#0b1424} .c28-tabs pre::-webkit-scrollbar-thumb,.c27-code pre::-webkit-scrollbar-thumb,.c28-recipe pre::-webkit-scrollbar-thumb,.c28-scroll::-webkit-scrollbar-thumb{background:#2f4466;border-radius:8px} @media (max-width:960px){#curbi-footer .c28-footer-top{grid-template-columns:1fr}#curbi-footer nav{grid-template-columns:repeat(2,minmax(0,1fr))}.c28-flow{grid-template-columns:1fr 1fr}.c28-recipe .c28-two{grid-template-columns:minmax(0,1fr)}} @media (max-width:520px){#curbi-footer nav{grid-template-columns:repeat(2,minmax(0,1fr))}.c28-flow{grid-template-columns:1fr}} /* v29: proof pages, homepage steps strip. */ .c29-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 28px;padding:0;max-width:980px} .c29-steps li{margin:0} .c29-steps a{display:block;height:100%;text-decoration:none;border:1px solid #d8e2f3;border-radius:14px;padding:14px 16px;background:#fff;color:#16233b;box-shadow:0 1px 0 rgba(16,35,70,.04)} .c29-steps a:hover,.c29-steps a:focus-visible{border-color:#2563eb;box-shadow:0 6px 18px rgba(37,99,235,.12)} .c29-steps b{display:block;font:700 11px/1.2 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#2563eb;margin-bottom:6px} .c29-steps span{display:block;font-size:14px;line-height:1.5;color:#3d4b63} .c29-steps em{font-style:normal;font-size:12px;color:#8a6a1f} .c29-verify{border:1px solid #2c4f86;border-radius:14px;background:linear-gradient(180deg,#0d1a31,#0a1426);padding:18px;margin:18px 0} .c29-verify textarea{width:100%;min-height:230px;font:12px/1.5 'IBM Plex Mono',monospace;background:#08101f;color:#eaf1ff;border:1px solid #2f4466;border-radius:8px;padding:10px;box-sizing:border-box} .c29-verify select{font:13px 'IBM Plex Mono',monospace;background:#08101f;color:#eaf1ff;border:1px solid #2f4466;border-radius:8px;padding:9px;max-width:100%} .c29-verify label{display:block;color:#b9c8df;font-size:13px;margin:10px 0 6px} .c29-verify .c29-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center} .c29-verify .c29-check{display:flex;gap:8px;align-items:center;margin:6px 0;color:#b9c8df;font-size:13px} .c29-verify .c29-check input{width:auto} .c29-verdict{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;border-radius:10px;padding:12px 14px;margin:14px 0;font:13px 'IBM Plex Mono',monospace} .c29-verdict strong{font-size:16px;letter-spacing:.06em} .c29-verdict.ok{background:#0d2a1f;border:1px solid #1f6b4c;color:#6ff0b5}.c29-verdict.no{background:#2a1210;border:1px solid #6b2a20;color:#ff9a8a} .c29-expect{font:12px 'IBM Plex Mono',monospace;margin:6px 0}.c29-expect.ok{color:#6ff0b5}.c29-expect.no{color:#ff9a8a} .c29-small{font-size:12px;color:#8ea3c4} #v-note{color:#9fb3d3;font-size:13px;min-height:1.5em} @media (max-width:760px){.c29-steps{grid-template-columns:minmax(0,1fr)}} /* One Curbi palette across the homepage and developer workbench. */ body[data-curbi-home]{background:radial-gradient(ellipse at 85% 0,#1d4cc52a,transparent 46%),#080e1c;color:#eaf1ff;color-scheme:dark} body[data-curbi-home] main{max-width:1120px;padding-top:54px} body[data-curbi-home] h1{color:#f2f6ff;max-width:920px;font-size:clamp(40px,6vw,76px);letter-spacing:-.055em} body[data-curbi-home] h1 span{background:linear-gradient(100deg,#70a4ff,#69d8fa 35%,#a880ff 72%,#f379d0);background-clip:text;color:transparent} body[data-curbi-home] .intro{color:#afc0db;max-width:850px} body[data-curbi-home] .eyebrow{color:#79e4f2} body[data-curbi-home] .c29-steps a{background:#111c31;border-color:#2b3d5d;color:#eaf1ff;box-shadow:none} body[data-curbi-home] .c29-steps b{color:#80b6ff} body[data-curbi-home] .c29-steps span{color:#adbfda} body[data-curbi-home] .c29-steps em{color:#f5ca81} body[data-curbi-home] .al{background:linear-gradient(145deg,#14213a,#0c1527);border-color:#34486c;color:#eaf1ff;box-shadow:0 20px 70px #0003} body[data-curbi-home] .al input[type=number],body[data-curbi-home] .al textarea{background:#080f1e;color:#eaf1ff;border-color:#3e557a} body[data-curbi-home] .al .al-top,body[data-curbi-home] .al .reply-box>p,body[data-curbi-home] .al .al-note,body[data-curbi-home] .al-event p{color:#afc0db} body[data-curbi-home] .al .al-badge{color:#85bcff} body[data-curbi-home] .al-event{background:#101c31;border-color:#304363} body[data-curbi-home] .btn{background:#172640;color:#eaf1ff;border-color:#3b5378} body[data-curbi-home] .btn.p{background:#276eff;border-color:#4482ff;color:white} body[data-curbi-home] .al a,body[data-curbi-home] .integration a{color:#91baff} body[data-curbi-home] .al .al-text-result,body[data-curbi-home] .al #al-text-result{color:#f1d2bd} body[data-curbi-home] .integration p{color:#afc0db} body[data-curbi-home] .c27-home-bridge{color:#eaf1ff} .c29-archive{background:#16223a;border-bottom:1px solid #355079;color:#d1ddf0;padding:14px 24px;font:13px/1.6 Inter,system-ui,sans-serif} .c29-archive a{color:#96c1ff;text-decoration:underline} /* Keep the original color mark; use its existing alpha mask for the white wordmark on dark surfaces. No bitmap is changed. */ @supports (mask-image:url('/assets/curbi-logo-final.png')) or (-webkit-mask-image:url('/assets/curbi-logo-final.png')){ .c27-header .c27-brand,#curbi-footer .c28-footer-brand>a:first-child{position:relative;display:inline-flex;align-items:center;width:max-content;background:transparent;padding:0;border-radius:0} .c27-header .c27-brand img,#curbi-footer .c28-footer-brand img{display:block;filter:none;background:transparent;padding:0;border-radius:0} .c27-header .c27-brand::after,#curbi-footer .c28-footer-brand>a:first-child::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 29%,#f4f7ff 29%);mask:url('/assets/curbi-logo-final.png') center/contain no-repeat;-webkit-mask:url('/assets/curbi-logo-final.png') center/contain no-repeat} } @media(max-width:600px){body[data-curbi-home] main{padding-top:28px}.c29-archive{padding:12px 18px}} /* Founder preference: light Curbi surfaces; original artwork and color accents. */ :root{--c27-bg:#f7f9fe;--c27-panel:#fff;--c27-line:#d7e0ee;--c27-text:#17243a;--c27-muted:#53647f;--c27-blue:#1c63ef;--c27-cyan:#087a98;color-scheme:light} body.c27-body,body.c27-home,body[data-curbi-home]{background:radial-gradient(ellipse at 90% 0,#e9edff,transparent 48%),#f8faff;color:#17243a;color-scheme:light} .c27-header{background:#fffffffa!important;border-bottom-color:#dce4f1;color:#17243a} .c27-header a{color:#344864!important}.c27-header nav>a:hover,.c27-header nav>a[aria-current=page]{color:#155ee9!important} .c27-header .c27-start{color:white!important} .c27-mobile>div{background:white;border-color:#cfdaeb} .c27-header .c27-brand,#curbi-footer .c28-footer-brand>a:first-child{background:transparent;padding:0} .c27-header .c27-brand::after,#curbi-footer .c28-footer-brand>a:first-child::after{content:none} .c27-page h1,body[data-curbi-home] h1,.c27-content h2,.c27-card h2,.c27-card h3,.c27-callout h2{color:#17243a} .c27-page h1 span,body[data-curbi-home] h1 span{background:linear-gradient(100deg,#1762f2,#087fba 35%,#7741cc 72%,#c22e8f);background-clip:text;color:transparent} .c27-lead,.c27-content p,.c27-content li,.c27-card p,body[data-curbi-home] .intro,body[data-curbi-home] .integration p{color:#53647f} .c27-body a,.c27-card>a:last-child,.c27-sidebar a,body[data-curbi-home] .integration a,body[data-curbi-home] .al a{color:#145fe6} .c27-kicker,.c27-status,body[data-curbi-home] .eyebrow{color:#146b9c} .c27-card,.c27-callout{background:linear-gradient(135deg,#fff,#f0f5ff);border-color:#d2def0;color:#17243a} .c27-art{border-color:#d2def0;color:#2767bd;background:radial-gradient(ellipse,#dae9ff,transparent 70%)} .c27-art i{background:#e7f0ff;border-color:#aac4e9;color:#225a9d} .c27-notice{background:#edf3ff;border-color:#3678ef;color:#445a7b} .c27-table th,.c27-table td{border-color:#dce4f1;color:#405371}.c27-table th{color:#17243a} .c27-button,.c27-search,.c27-filters button,.c27-input{background:#fff;color:#244263!important;border-color:#bdcde2} .c27-button.primary,.c27-filters button[aria-pressed=true]{background:#1762f2;border-color:#1762f2;color:#fff!important} .c27-badge,.c28-badge{color:#325c96;border-color:#b6cce9;background:#f2f6ff} .c28-badge.live{background:#e9f8ef;color:#17683e;border-color:#abd8bd}.c28-badge.preview{background:#fff7e7;color:#8b5b0e;border-color:#e5cf9f}.c28-badge.fail{background:#fff0ec;color:#a33b29;border-color:#e7bbae} .c28-recipe,.c28-console,.c29-verify{background:#fff;border-color:#cad9ee;color:#17243a} .c28-recipe summary,.c28-recipe h4,.c29-verify label,.c29-verify .c29-check{color:#344d72} .c28-console select,.c28-console textarea,.c29-verify textarea,.c29-verify select{background:#f9fbff;color:#17243a;border-color:#bccde5} .c28-tabs{background:#fff;border-color:#cbd8eb}.c28-tablist{background:#edf3fc;border-color:#d0ddef}.c28-tablist button{color:#4d6485}.c28-tablist button[aria-selected=true]{background:#fff;color:#155ee9} .c28-tabs .c28-tabbar{background:#f0f5fc;color:#506486;border-color:#d7e2f0} .c28-tabs .c28-tabbar button{background:#fff;color:#294a75;border-color:#b9cce5} .c28-flow div{background:#f0f5ff;color:#455e83;border-color:#cbdaf1}.c28-flow b{color:#245da3} .c28-console .c28-log>div{background:#f6f9ff;border-color:#c9d8ed}.c28-console .c28-log b{color:#175d96;border-color:#cfddf0} .c29-small,#v-note{color:#536a8b} .c29-verdict.ok{background:#eaf8ef;border-color:#98d2ad;color:#17613a}.c29-verdict.no{background:#fff0ed;border-color:#e6b0a2;color:#9d3627} .c29-expect.ok{color:#17613a}.c29-expect.no{color:#9d3627} body[data-curbi-home] .c29-steps a{background:#fff;border-color:#d1ddef;color:#17243a} body[data-curbi-home] .c29-steps b{color:#1d63c8}body[data-curbi-home] .c29-steps span{color:#526783}body[data-curbi-home] .c29-steps em{color:#94630e} body[data-curbi-home] .al{background:linear-gradient(140deg,#fff 65%,#eef4ff);color:#17243a;border-color:#ceddf1;box-shadow:0 18px 55px #214b8b0c} body[data-curbi-home] .al input[type=number],body[data-curbi-home] .al textarea{background:#fff;color:#17243a;border-color:#bdcde4} body[data-curbi-home] .al .al-top,body[data-curbi-home] .al .reply-box>p,body[data-curbi-home] .al .al-note,body[data-curbi-home] .al-event p{color:#536783} body[data-curbi-home] .al .al-badge{color:#1b62de} body[data-curbi-home] .al-event{background:#f1f6ff;border-color:#d3e0f2} body[data-curbi-home] .btn{background:white;color:#234164;border-color:#bdcde4}body[data-curbi-home] .btn.p{background:#1762f2;color:white;border-color:#1762f2} body[data-curbi-home] .al #al-text-result{color:#8c3927} body[data-curbi-home] .c27-home-bridge{color:#17243a} #curbi-footer{background:#fff;border-color:#d7e1ef;color:#344d70} #curbi-footer .c28-footer-top,#curbi-footer .c28-footer-status{border-color:#dce5f1} #curbi-footer a{color:#4c6485}#curbi-footer a:hover,#curbi-footer a:focus-visible{color:#155ee9} #curbi-footer p,#curbi-footer .c28-footer-bottom,#curbi-footer .c28-footer-status{color:#607491} #curbi-footer h2,#curbi-footer .c28-footer-brand strong{color:#213650} #curbi-footer .c28-endpoint{background:#f1f6ff;border-color:#cfddf0;color:#176b93} #curbi-footer .c28-endpoint small{color:#637b9e} .c29-archive{background:#edf3fe;color:#4a6284;border-color:#cfddf1}.c29-archive a{color:#155ee9} #curbi-footer .c30-directory{border-bottom:1px solid #dce5f1;padding:20px 0} #curbi-footer .c30-directory summary{cursor:pointer;font-weight:650;color:#24538b;font-size:13px} #curbi-footer .c30-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px;margin-top:28px} #curbi-footer .c30-directory-grid a{display:block;margin:10px 0} @media(max-width:760px){#curbi-footer .c30-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} /* v33 review: readable responses on the light console surface. */ .c28-console .c28-log pre{color:#17243a} /* v37: readable workbench results, original spans, explicit trust boundaries. */ .c37-console-intro{padding:4px 0 22px;border-bottom:1px solid #d6e0ef;margin-bottom:18px}.c37-console-intro h3{font-size:24px;margin:6px 0;color:#17243a}.c37-console-intro p{max-width:65ch} .c37-summary,.c37-check-summary{padding:20px 22px;background:#edf4ff;border:1px solid #bdcfe9;border-left:4px solid #2168ef;border-radius:12px;margin:18px 0;color:#17243a}.c37-summary strong,.c37-check-summary strong{display:block;font-size:21px;line-height:1.3}.c37-summary p,.c37-check-summary p{margin:8px 0 0;color:#405574}.c37-summary.warning{background:#fff8e9;border-color:#e4c57a;border-left-color:#a66a00}.c37-summary.error{background:#fff0ee;border-color:#e4b1aa;border-left-color:#ba3526} .c37-findings{list-style:none;padding:0!important;margin:16px 0 0!important;display:grid;gap:12px}.c37-findings li,.c37-finding{padding:16px;background:#fff;border:1px solid #d1ddeb;border-radius:9px;color:#17243a}.c37-findings code,.c37-finding code{font:600 12px/1.5 monospace;background:#fce9e4;color:#9c3120;padding:3px 6px;border-radius:4px;overflow-wrap:anywhere}.c37-findings q,.c37-finding q{display:block;font:600 15px/1.6 monospace;color:#17243a;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0}.c37-findings small,.c37-finding small{display:block;color:#526987;font:12px/1.6 monospace;margin-top:7px}.c37-findings p,.c37-finding p{font-size:14px;color:#405574;margin:8px 0 0} .c37-transcript-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:26px}.c37-transcript-heading h3{margin:0}.c37-small{font-size:12px!important;color:#536783!important}.c28-console .c28-log details{border:1px solid #c9d8ed;border-radius:9px;background:#f6f9ff}.c28-console .c28-log summary{padding:12px;cursor:pointer;color:#244e85;font:600 12px/1.5 monospace}.c28-console .c28-log pre{border-top:1px solid #d9e3f1} .c37-exact{margin:24px 0;display:grid;gap:10px}.c37-exact h3{margin:0 0 4px;color:#17243a}.c37-exact button{justify-self:start}.c37-lint{margin-top:24px;padding:22px;border:1px solid #cbd9ed;border-radius:12px;background:#f7faff}.c37-lint h3{margin:0 0 8px}.c37-lint p,.c37-lint li{font-size:14px;line-height:1.65;color:#405574}.c37-lint-result{margin-top:16px}.c37-lint-result:empty{display:none}.c37-agent-setup{padding:16px;border:1px solid #ccd9ed;border-radius:10px;background:white;margin:16px 0}.c37-agent-setup summary{cursor:pointer;font-weight:650;color:#245da7}.c37-agent-setup button{margin:12px 12px 12px 0}.c37-agent-setup pre{background:#f4f8ff;color:#17243a;padding:16px;border:1px solid #d8e3f1;max-height:300px;overflow:auto;white-space:pre-wrap;word-break:break-word;font:12px/1.6 monospace} .c31-mark{background:#ffdcd1!important;color:#782817!important;border-bottom:2px solid #be452e!important;border-radius:2px;padding:1px 2px}.c31-rule{font-size:10px;line-height:1.5;color:#8e3023;background:#fff0ea;border:1px solid #ebc1b6;border-radius:3px;padding:2px 4px;margin-left:4px} button:disabled{cursor:wait;opacity:.55}#mcp-export:disabled{cursor:default}#mcp-args{min-height:190px}#mcp-summary:empty{display:none}@media(max-width:560px){.c37-summary,.c37-check-summary{padding:16px}.c37-summary strong,.c37-check-summary strong{font-size:18px}.c37-console-intro h3{font-size:21px}.c37-finding{padding:12px}.c37-lint{padding:16px}} /* v30: working panels on the footer pages. Self-contained: works on the light and dark shells alike. */ .c30{--c30-line:rgba(120,140,170,.28);--c30-soft:rgba(37,99,235,.06);--c30-accent:#2563eb;max-width:1180px;margin:56px auto 24px;padding:0 24px;box-sizing:border-box;font:15px/1.6 Inter,system-ui,sans-serif;color:inherit;text-align:left} .c30 *{box-sizing:border-box} .c30-head{border-top:1px solid var(--c30-line);padding-top:32px;margin-bottom:8px} .c30-kicker{font:700 11px/1 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--c30-accent);margin:0 0 10px} .c30 h2{font-size:clamp(24px,3vw,32px);line-height:1.15;letter-spacing:-.03em;margin:0 0 10px} .c30 h3{font-size:18px;letter-spacing:-.01em;margin:30px 0 8px} .c30 p{margin:8px 0 14px;opacity:.88;max-width:820px} .c30-scroll{overflow-x:auto;max-width:100%;margin:12px 0 18px;border:1px solid var(--c30-line);border-radius:12px;scrollbar-width:thin} .c30 table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:560px} .c30 th{text-align:left;font:700 11px/1.3 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;opacity:.75;padding:10px 12px;border-bottom:1px solid var(--c30-line);background:var(--c30-soft)} .c30 td{padding:10px 12px;border-bottom:1px solid var(--c30-line);vertical-align:top} .c30 tr:last-child td{border-bottom:0} .c30 code{font:12.5px 'IBM Plex Mono',monospace;background:var(--c30-soft);border-radius:5px;padding:1px 5px;word-break:break-word} .c30-code{position:relative;margin:12px 0 18px;border-radius:12px;background:#0f172a;color:#dbe7fb;border:1px solid #23314f} .c30-code>div{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #23314f;font:600 11px 'IBM Plex Mono',monospace;color:#8ea3c4;letter-spacing:.06em;text-transform:uppercase} .c30-code pre{margin:0;padding:14px 16px;overflow:auto;font:12.5px/1.6 'IBM Plex Mono',monospace;white-space:pre;scrollbar-width:thin;scrollbar-color:#2f4466 #0f172a} .c30-code button{font:600 11px Inter,sans-serif;color:#cfe0ff;background:#172640;border:1px solid #2f4466;border-radius:6px;padding:4px 9px;cursor:pointer} .c30-ok,.c30-no,.c30-warn{display:inline-block;font:700 10.5px/1 'IBM Plex Mono',monospace;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:4px 8px;white-space:nowrap} .c30-ok{color:#047857;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.35)} .c30-no{color:#b42318;background:rgba(240,68,56,.1);border:1px solid rgba(240,68,56,.32)} .c30-warn{color:#9a6700;background:rgba(245,176,11,.12);border:1px solid rgba(245,176,11,.38)} .c30-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:14px 0 20px} .c30-card{border:1px solid var(--c30-line);border-radius:14px;padding:16px 18px;background:var(--c30-soft)} .c30-card b{display:block;margin-bottom:6px} .c30-card small{display:block;opacity:.75;margin-top:6px} .c30-note{border-left:3px solid var(--c30-accent);padding:10px 14px;background:var(--c30-soft);border-radius:0 10px 10px 0;font-size:14px;margin:16px 0} @media (max-width:640px){.c30{padding:0 16px;margin-top:40px}.c30 table{min-width:480px}} /* v30: first win and an explicit, non-blocking cookie choice; original light brand. */ .c30-first-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0} .c30-first-actions a.btn{display:inline-flex;align-items:center;padding:13px 18px;border-radius:10px;border:1px solid #cedbf0;background:#fff;color:#1649a2;text-decoration:none;font:600 15px/1.4 system-ui,sans-serif;box-shadow:0 2px 3px #173d6c05} .c30-first-actions a.btn.p{background:#1762ed;color:#fff;border-color:#1762ed} .c30-first-actions a.btn:hover{filter:brightness(.96)} .c30-start{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:24px 0} .c30-start li{padding:18px;border:1px solid #dbe4f4;background:white;border-radius:14px;line-height:1.5} .c30-start b,.c30-start span{display:block}.c30-start b{color:#1d57cc}.c30-start span{font-size:14px;color:#52627a} .c30-cookies{position:fixed;bottom:18px;left:18px;right:18px;z-index:1000;max-width:920px;margin:auto;padding:22px;background:#fff;border:1px solid #c9d8f1;border-radius:18px;box-shadow:0 10px 45px #183b7026;color:#17233a;text-align:left;font:15px/1.5 system-ui,sans-serif} .c30-cookies[hidden]{display:none}.c30-cookies h2{font-size:19px;letter-spacing:-.4px;margin:0 0 6px;color:#122343}.c30-cookies p{font-size:14px;margin:5px 0 14px;max-width:75ch;color:#52627a} .c30-cookie-buttons{display:flex;gap:10px;flex-wrap:wrap;align-items:center} .c30-cookie-buttons button,.c30-cookie-settings{cursor:pointer;border:1px solid #b5c9e8;border-radius:8px;padding:10px 16px;background:#f4f8ff;color:#1649a2;font:600 14px/1.3 system-ui,sans-serif} .c30-cookie-buttons button:hover{background:#e7effe}.c30-cookie-buttons button:disabled{opacity:.55;cursor:default}.c30-cookie-buttons a{font-size:14px;color:#2259c4} .c30-cookie-settings{padding:6px 10px;background:white;margin-left:8px}.c30-cookies :focus-visible,.c30-cookie-settings:focus-visible{outline:3px solid #7ab4ff;outline-offset:3px} @media(max-width:600px){.c30-start{grid-template-columns:1fr}.c30-cookies{bottom:10px;left:10px;right:10px;padding:18px;max-height:65vh;overflow:auto}.c30-cookie-buttons button{flex:1}.c30-cookie-buttons a{flex-basis:100%}.c30-cookie-settings{margin:8px 0}} body[data-curbi-home] main{padding-top:42px}body[data-curbi-home] h1{font-size:clamp(40px,6.5vw,70px);line-height:1.04}body[data-curbi-home] .intro{font-size:20px;max-width:48ch}body[data-curbi-home] #action-lab{margin-top:20px}#al-text-result{white-space:normal;padding:16px;border-radius:12px}#al-text-result:empty{display:none}#al-text-result mark{background:#ffe3d9;color:#922f13;border-bottom:2px solid #df6e48}#al-text-result ul{padding-left:20px;line-height:1.6}#al-text-result strong{display:block;margin-bottom:8px} /* v31: findings you can keep, and the agent start block. Works on light and dark shells. */ mark,.c31-mark{background:rgba(250,204,21,.45);color:inherit;border-bottom:2px solid #dc2626;border-radius:3px;padding:0 2px;box-decoration-break:clone;-webkit-box-decoration-break:clone} .c31-rule{font:700 9.5px 'IBM Plex Mono',monospace;color:#b42318;margin:0 3px 0 1px;vertical-align:super} .c31-reply{font:15px/1.9 Inter,system-ui,sans-serif;margin:10px 0;white-space:pre-wrap;word-break:break-word} .c31-view{border:1px solid rgba(120,140,170,.3);border-radius:12px;padding:14px 16px;margin:12px 0} .c31-list{margin:6px 0 10px;padding-left:18px}.c31-list code{margin-right:6px} .c31-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px} .c31-actions button,.c31-actions a{font:600 13px/1 Inter,system-ui,sans-serif;border-radius:8px;padding:9px 12px;border:1px solid #2563eb;background:#fff;color:#1d4ed8;cursor:pointer;text-decoration:none} .c31-actions button:first-child{background:#2563eb;color:#fff} .c31-actions button:hover,.c31-actions a:hover{filter:brightness(.95)} .c31-status{font-size:13px;opacity:.85;margin:4px 0 8px;min-height:1.2em} .c31-json{max-height:260px;overflow:auto;font:12px/1.5 'IBM Plex Mono',monospace;background:#0f172a;color:#dbe7fb;border-radius:8px;padding:10px} .c31-agent{max-width:1080px;margin:40px auto;padding:22px 24px;border:1px solid rgba(37,99,235,.35);border-radius:16px;background:rgba(37,99,235,.05);box-sizing:border-box} .c31-agent h2{margin:4px 0 12px;font-size:clamp(22px,2.6vw,28px);letter-spacing:-.02em} .c31-kicker{font:700 11px/1 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#2563eb;margin:0} .c31-steps{margin:0 0 12px;padding-left:20px;line-height:1.7}.c31-steps b{margin-right:4px} .c31-code{border-radius:10px;background:#0f172a;color:#dbe7fb;border:1px solid #23314f;overflow:hidden} .c31-code>div{font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#8ea3c4;padding:8px 12px;border-bottom:1px solid #23314f} .c31-code pre{margin:0;padding:12px 14px;overflow:auto;font:12.5px/1.6 'IBM Plex Mono',monospace;white-space:pre-wrap;word-break:break-all} .c31-small{font-size:13px;opacity:.8;margin:10px 0 0} @media (max-width:640px){.c31-agent{margin:28px 16px;padding:18px}} /* v39: explicit release state and finding-to-CI handoff. */ .c39-release-strip{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;max-width:1240px;margin:0 auto 28px;padding:15px 18px;border:1px solid #e4c47f;border-radius:10px;background:#fff7e5;color:#5b4315;font-size:13px;line-height:1.5;box-sizing:border-box} .c39-release-strip strong{font:750 13px/1.5 Inter,system-ui,sans-serif;color:#694600;white-space:nowrap}.c39-off-dot{display:inline-block;width:8px;height:8px;background:#ad6400;border-radius:50%;margin-right:7px}.c39-release-strip a{font-weight:650;color:#155aca}.c39-release-strip small{flex-basis:100%;color:#65583a;font:11px/1.5 monospace} .c39-replay-control{display:flex;align-items:flex-start;flex-direction:column;gap:9px;width:100%;margin:12px 0 6px}.c39-replay-control small{font:12px/1.6 Inter,system-ui,sans-serif;color:#4b607d;max-width:75ch}.c39-replay-control button{line-height:1.4;white-space:normal;text-align:left}.c39-command{background:#edf3fc;border:1px solid #c7d7eb;border-radius:6px;padding:8px 10px;font:12px/1.6 monospace;color:#254268;overflow-wrap:anywhere;max-width:100%;box-sizing:border-box}.c39-copy-fallback{display:block;box-sizing:border-box;width:100%;min-height:240px;background:#f6f9ff;color:#17243a;border:1px solid #8fadd5;border-radius:8px;padding:14px;font:12px/1.6 monospace;white-space:pre;resize:vertical}.c39-replay-refusal{padding:12px;border-left:3px solid #ac6900;background:#fff7e6;color:#684d1b;font-size:13px}.c39-replay-control .c31-status:empty{display:none}.c31-actions>.c39-replay-control{flex-basis:100%;border-bottom:1px solid #d7e1ef;padding-bottom:14px} @media(max-width:640px){.c39-release-strip{margin:0 0 22px;padding:12px 14px}.c39-release-strip strong{font-size:12px}.c39-release-strip span{font-size:12px}.c39-replay-control button{width:100%}} /* Curbi sandbox: light, task-first workspace. */ .sb-banner{background:#edf4ff;border-bottom:1px solid #ccdfff;color:#214b88;padding:10px 24px;font-size:13px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.sb-banner b{color:#174cdb}.sb-app{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:228px minmax(0,1fr);min-height:780px}.sb-sidebar{padding:27px 18px;border-right:1px solid #e2e8f2;background:#fbfcff}.sb-label{font-size:11px;font-weight:750;letter-spacing:.11em;text-transform:uppercase;color:#6b7890;margin:24px 0 10px}.sb-label:first-child{margin-top:0}.sb-sidebar select{width:100%;background:white;color:#24334d;padding:11px 10px;border:1px solid #d7e0ee;border-radius:9px;font:inherit;font-size:13px}.sb-sidebar button,.sb-side-link{display:flex;width:100%;gap:11px;align-items:center;padding:11px 12px;margin-top:4px;text-align:left;border:0;border-radius:8px;color:#56657b;background:transparent;font:inherit;font-size:14px;text-decoration:none}.sb-sidebar button:hover,.sb-side-link:hover{background:#f0f4fc;color:#1b53de}.sb-sidebar button[aria-current=page]{color:#1758e7;background:#e9f0ff;font-weight:700}.sb-sidebar .sb-create{border:1px dashed #bccbe5;margin:9px 0 28px;color:#225edb;justify-content:center}.sb-side-note{font-size:12px;line-height:1.6;color:#78859a;margin:23px 10px}.sb-main{padding:34px 40px 48px;min-width:0}.sb-topline{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:23px}.sb-breadcrumb{color:#7a879c;font-size:12px}.sb-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #dbe6f7;background:#f7faff;border-radius:30px;color:#3767a4;font-size:11px;font-weight:650}.sb-dot{width:6px;height:6px;border-radius:50%;background:#2581ef}.sb-main h1{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:0 0 12px;color:#15253d}.sb-main h2{font-size:19px;letter-spacing:-.4px;margin:0 0 13px;color:#1c2d47}.sb-main h3{font-size:14px;margin:0 0 7px;color:#253d5b}.sb-muted{font-size:14px;line-height:1.65;color:#697a93;margin:0 0 22px;max-width:760px}.sb-welcome{padding:31px;border:1px solid #dae5fa;border-radius:16px;background:linear-gradient(125deg,#f2f6ff 5%,#fcfbff 60%,#effcfd);margin-bottom:24px;position:relative;overflow:hidden}.sb-welcome:after{content:'';position:absolute;width:200px;height:200px;border:34px solid #dce7ff;border-radius:50%;right:-75px;top:-60px;opacity:.35;pointer-events:none}.sb-welcome>*{position:relative;z-index:1}.sb-eyebrow{color:#2460dd;letter-spacing:.1em;font-size:10px;font-weight:800;margin:0 0 13px}.sb-buttons{display:flex;gap:9px;flex-wrap:wrap}.sb-btn{border:1px solid #d5deed;background:#fff;color:#38516e;border-radius:8px;font:inherit;font-size:12px;font-weight:650;padding:10px 15px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.sb-btn:hover{border-color:#84aafa;background:#f8fbff}.sb-btn.primary{background:#1b62ed;border-color:#1b62ed;color:#fff;box-shadow:0 3px 6px #1766f01c}.sb-btn.primary:hover{background:#1253d5}.sb-btn:disabled{opacity:.55;cursor:wait}.sb-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:29px}.sb-stat{padding:19px 21px;border:1px solid #e1e7f1;border-radius:12px}.sb-stat strong{font-size:27px;color:#1b314f;display:block;letter-spacing:-.8px}.sb-stat span{font-size:11px;color:#75839a}.sb-section-head{display:flex;justify-content:space-between;align-items:center;margin:25px 0 14px;gap:10px}.sb-section-head h2{margin:0}.sb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.sb-card{border:1px solid #dfe6f1;border-radius:12px;padding:21px;background:#fff}.sb-card .sb-muted{font-size:12px;margin-bottom:16px}.sb-icon{width:33px;height:33px;border-radius:9px;background:#edf3ff;color:#2a64e0;display:grid;place-items:center;font-size:17px;margin-bottom:14px}.sb-tiny{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#8391a7;margin-bottom:8px}.sb-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.sb-table th{text-align:left;color:#8190a5;font-size:10px;letter-spacing:.03em;font-weight:600;border-bottom:1px solid #dfe7f2;padding:11px 10px}.sb-table td{border-bottom:1px solid #edf0f6;padding:13px 10px;color:#3f526e;overflow-wrap:anywhere}.sb-table button{border:0;background:none;color:#2461dc;cursor:pointer;padding:0;font:inherit;text-align:left}.sb-badge{font-size:10px;font-weight:650;padding:4px 7px;border-radius:5px;background:#fff1e8;color:#a95b20;display:inline-block}.sb-badge.clear{background:#eaf8ef;color:#2e7953}.sb-badge.error{background:#fff0f1;color:#a23d4a}.sb-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.sb-field{display:block;color:#30435e;font-size:12px;font-weight:650;margin:0 0 8px}.sb-textarea{width:100%;min-height:200px;box-sizing:border-box;border:1px solid #d8e2ef;border-radius:9px;background:#fbfcff;padding:14px;color:#30415c;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.sb-textarea.reply{font-family:inherit;font-size:15px;min-height:145px}.sb-main :focus-visible{outline:3px solid #8bb9ff;outline-offset:3px}.sb-help{font-size:11px;line-height:1.6;color:#8090a5;margin:9px 0 17px}.sb-result{margin-top:24px;border:1px solid #dce5f2;border-radius:12px;padding:24px}.sb-highlight{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:16px;color:#35465f;background:#f7f9fd;border-radius:8px;padding:16px;margin-bottom:14px}.sb-highlight mark{background:#ffe1ae;color:#704016;border-bottom:2px solid #ffb74f;border-radius:2px;padding:1px 0}.sb-finding{padding:10px 0;border-bottom:1px solid #edf1f7;font-size:12px;line-height:1.65}.sb-finding code{color:#a66025;font-size:11px}.sb-proof-note{border-left:3px solid #72a7ef;background:#f3f7ff;border-radius:0 6px 6px 0;padding:12px 15px;font-size:11px;line-height:1.65;color:#627a9c;margin-top:17px}.sb-code{white-space:pre-wrap;word-break:break-word;overflow:auto;border:1px solid #dce5f2;background:#f5f8fd;color:#34516d;padding:15px;border-radius:9px;font:11px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;max-height:420px}.sb-empty{padding:38px 20px;text-align:center;border:1px dashed #d9e2ef;border-radius:10px;color:#8090a4;font-size:13px}.sb-error{color:#a13342;background:#fff3f4;border:1px solid #ffd9df;padding:12px 15px;border-radius:8px;font-size:12px;margin:15px 0}.sb-agent-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.sb-agent-tabs .active{background:#edf3ff;border-color:#8aabf3;color:#1e5bdf}.sb-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:25px 0}.sb-step{font-size:12px;line-height:1.65;color:#71839b}.sb-step b{display:block;color:#305a93;margin-bottom:5px}.sb-mobile-workspace{display:none}.sb-saved{font-size:11px;color:#7085a2}.sb-status{min-height:18px;font-size:12px;color:#466ba5;margin-top:14px}.sb-main details{margin-top:17px}.sb-main summary{cursor:pointer;font-size:12px;color:#5f789b}.sb-main input{box-sizing:border-box;max-width:100%;padding:10px 12px;border:1px solid #d4deee;border-radius:8px;color:#263d5b;font:inherit;font-size:13px}.sb-name-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px} @media(min-width:1500px){.sb-main{padding:38px 48px}.sb-app{grid-template-columns:240px minmax(0,1fr)}}@media(max-width:900px){.sb-main{padding:25px}.sb-app{grid-template-columns:190px minmax(0,1fr)}.sb-editor-grid{grid-template-columns:1fr}.sb-main h1{font-size:30px}.sb-welcome{padding:25px}}@media(max-width:650px){.sb-app{display:block}.sb-sidebar{padding:14px 16px;border-right:0;border-bottom:1px solid #e2e8f2;display:flex;gap:7px;flex-wrap:wrap;align-items:center}.sb-sidebar .sb-label,.sb-sidebar .sb-side-note,.sb-sidebar .sb-side-link,.sb-sidebar .sb-create{display:none}.sb-sidebar select{width:100%;margin-bottom:4px}.sb-sidebar button{width:auto;padding:9px;font-size:11px;gap:5px;margin:0}.sb-main{padding:22px 17px}.sb-topline{margin-bottom:19px}.sb-main h1{font-size:28px}.sb-welcome{padding:24px 20px}.sb-stats{gap:8px}.sb-stat{padding:14px 10px}.sb-stat strong{font-size:24px}.sb-stat span{font-size:9px}.sb-grid{grid-template-columns:1fr}.sb-steps{grid-template-columns:1fr;gap:14px}.sb-table th,.sb-table td{padding:11px 7px}.sb-topline .sb-saved{display:none}.sb-result{padding:18px}.sb-banner{font-size:11px;padding:9px 14px}.sb-pill{font-size:10px}.sb-section-head{align-items:flex-start}.sb-section-head h2{font-size:17px}} @media(max-width:650px){.sb-sidebar .sb-create{display:flex;margin:0;padding:8px 10px}.sb-sidebar form{width:100%}}