@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');
:root{--paper:#f5efe3;--paper-2:#fbf8f1;--ink:#20251e;--muted:#70756b;--line:#dcd5c8;--orange:#d7633d;--orange-light:#f1a180;--green:#285844;--green-2:#3e755b;--pink:#efc5b5;--cream:#fff9ed;--mono:'DM Mono',monospace;--sans:'DM Sans',Arial,sans-serif;--serif:'Fraunces',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.announcement{min-height:34px;background:var(--green);color:#f8f3e8;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;letter-spacing:.02em}.announcement a{font-weight:700;text-decoration:underline;text-underline-offset:3px;margin-left:7px}.announcement-dot,.chip-live{width:6px;height:6px;border-radius:50%;background:#f0ad69;display:inline-block}.site-header{height:82px;padding:0 max(5.5vw,28px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6dfd2;background:rgba(245,239,227,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:13px}.brand img{width:95px;height:auto;display:block}.brand-divider{height:22px;width:1px;background:#c9c0b2}.brand-product{font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:700}.main-nav{display:flex;align-items:center;gap:24px;font-size:12px;font-weight:600}.main-nav>a:not(.nav-cta){color:#596057;transition:color .2s}.main-nav>a:not(.nav-cta):hover,.text-link:hover{color:var(--orange)}.nav-cta{padding:12px 17px;background:var(--ink);color:var(--cream);border-radius:3px;font-size:12px}.nav-cta span{margin-left:8px}.menu-toggle{display:none}.section-wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.hero{min-height:626px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:52px;padding-top:52px;padding-bottom:58px}.eyebrow{font:500 10px var(--mono);letter-spacing:.12em;color:var(--green);display:flex;align-items:center;gap:9px}.eyebrow-icon{font-size:17px;color:var(--orange)}h1,h2,h3,p{margin-top:0}.hero h1{font:600 clamp(54px,6vw,82px)/.99 var(--serif);letter-spacing:-.055em;margin:20px 0}.hero h1 em,h2 em{font-weight:500;color:var(--orange);font-style:italic}.hero-lede{max-width:435px;font-size:16px;line-height:1.7;color:#61675d;margin-bottom:27px}.hero-actions{display:flex;align-items:center;gap:24px}.button{min-height:48px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:23px;border:0;border-radius:3px;font:600 12px var(--sans);cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:var(--cream)}.button-dark:hover{background:#365341}.button-cream{background:var(--cream);color:var(--ink)}.text-link{font-size:12px;font-weight:700}.text-link span{margin-left:7px}.hero-note{margin-top:27px;color:#74786e;font-size:10px;display:flex;align-items:center;gap:8px}.note-check{width:15px;height:15px;background:#e1e9dc;border-radius:50%;color:var(--green);display:grid;place-items:center;font-weight:700}
.hero-art{height:470px;position:relative;overflow:hidden;background:#e9b280;border-radius:4px;background-image:radial-gradient(circle at 66% 42%,#f4cb9e 0,#efbd88 34%,#e8ad78 70%);isolation:isolate}.hero-art:after{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent,transparent 38px,rgba(87,64,42,.055) 39px),repeating-linear-gradient(90deg,transparent,transparent 38px,rgba(87,64,42,.055) 39px)}.sun-disc{position:absolute;width:310px;height:310px;border-radius:50%;background:#f7ddad;left:calc(50% - 155px);top:65px;box-shadow:0 0 0 1px rgba(255,255,255,.18)}.orbit{position:absolute;border:1px solid rgba(74,67,50,.2);border-radius:50%;width:410px;height:220px;left:calc(50% - 205px);top:100px;transform:rotate(-23deg)}.orbit-two{transform:rotate(61deg);width:355px;height:200px;top:113px}.panda-portrait{position:absolute;width:244px;height:345px;left:calc(50% - 122px);top:79px}.panda-body{position:absolute;background:#2b3229;width:218px;height:190px;border-radius:48% 48% 35% 35%;top:178px;left:13px;box-shadow:inset 0 18px 0 #343c31}.panda-body:before{content:'';position:absolute;width:118px;height:125px;border-radius:50%;background:#f8f0df;left:50px;top:14px}.panda-ear{position:absolute;background:#20261f;width:76px;height:81px;border-radius:50%;top:9px;z-index:2}.panda-ear.left{left:22px;transform:rotate(-25deg)}.panda-ear.right{right:22px;transform:rotate(25deg)}.panda-face{position:absolute;width:202px;height:188px;left:21px;top:29px;border-radius:47% 47% 45% 45%;background:#fff9ec;z-index:3;box-shadow:0 7px 0 rgba(75,62,46,.08)}.panda-eye{position:absolute;width:61px;height:79px;top:55px;background:#222720;border-radius:55% 45% 55% 45%;transform:rotate(22deg)}.panda-eye.left{left:31px}.panda-eye.right{right:31px;transform:rotate(-22deg)}.panda-eye i{position:absolute;width:16px;height:16px;background:#fff8e9;border-radius:50%;top:13px;left:17px}.panda-blush{position:absolute;width:27px;height:15px;border-radius:50%;background:#ee9f81;opacity:.58;top:127px}.panda-blush.left{left:18px}.panda-blush.right{right:18px}.panda-nose{position:absolute;top:126px;left:92px;width:19px;height:13px;background:#252921;border-radius:50% 50% 65% 65%;z-index:2}.panda-mouth{position:absolute;width:22px;height:13px;border-bottom:2px solid #34362d;border-radius:0 0 50% 50%;top:139px;left:90px}.panda-scarf{position:absolute;z-index:4;top:178px;left:22px;width:200px;height:33px;background:#d46242;border-radius:10px 10px 5px 5px;transform:rotate(-3deg)}.panda-scarf:after{content:'';position:absolute;width:30px;height:60px;background:#d46242;top:11px;left:130px;clip-path:polygon(0 0,100% 0,75% 100%,20% 75%)}.panda-arm{position:absolute;top:231px;right:-4px;width:52px;height:93px;background:#30372d;border-radius:40px;transform:rotate(-35deg)}.hero-stamp{position:absolute;z-index:6;top:31px;left:30px;color:var(--green);font:500 10px/1.35 var(--mono);letter-spacing:.1em;transform:rotate(-8deg);border:1px solid rgba(40,88,68,.6);padding:9px 11px}.hero-stamp span{font-size:20px;display:block;text-align:center}.model-chip{position:absolute;z-index:7;background:rgba(255,250,239,.94);box-shadow:0 12px 30px #765a3c22;border:1px solid #fff8e7;border-radius:5px;display:flex;align-items:center;gap:11px;padding:11px 13px;backdrop-filter:blur(6px)}.chip-a{top:97px;right:22px}.chip-b{bottom:75px;left:24px}.chip-mark{font-size:18px;color:var(--green);width:30px;height:30px;background:#e2eadc;border-radius:4px;display:grid;place-items:center}.chip-mark.coral{background:#f3dfd1;color:var(--orange)}.model-chip b{display:block;font-size:11px}.model-chip small{display:block;color:#74786e;font-size:9px;margin-top:3px}.chip-live{margin-left:5px;background:#7aaf78}.token-bubble{position:absolute;right:31px;bottom:41px;background:var(--green);color:#fff8e8;border-radius:50%;width:82px;height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(8deg);box-shadow:0 9px 18px #3b57413b}.token-bubble span{font-size:14px;color:#f4b963}.token-bubble b{font:500 14px var(--serif)}.token-bubble small{font:8px var(--mono);margin-top:3px}.sparkle{position:absolute;color:#fff5dd}.s-one{top:38px;right:128px;font-size:22px}.s-two{bottom:74px;left:100px;font-size:21px;color:var(--green)}.art-caption{position:absolute;z-index:7;bottom:17px;left:19px;right:19px;display:flex;justify-content:space-between;color:#4c4a38;font:9px var(--mono);letter-spacing:.07em}
.ticker{background:var(--orange);height:48px;overflow:hidden;color:#fff5e9;display:flex;align-items:center}.ticker-track{display:flex;align-items:center;justify-content:space-around;min-width:100%;gap:48px;white-space:nowrap;font:10px var(--mono);letter-spacing:.13em}.ticker-track b{font-size:18px;color:#f4be86}.models-section{padding-top:105px;padding-bottom:105px}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading h2,.playground-heading h2,.faq-title h2{font:600 clamp(38px,4.7vw,58px)/1.04 var(--serif);letter-spacing:-.045em;margin:15px 0 0}.section-intro{color:var(--muted);font-size:14px;margin:16px 0 33px;max-width:550px;line-height:1.65}.section-heading .text-link{margin-bottom:7px}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.model-card{min-height:320px;padding:22px 22px 18px;border-radius:4px;display:flex;flex-direction:column;position:relative;overflow:hidden}.model-card-dark{background:var(--green);color:#f8f3e8}.model-card-cream{background:#e8e4d8}.model-card-peach{background:#f0d4c4}.card-top{display:flex;align-items:center;justify-content:space-between}.model-label{font:9px var(--mono);letter-spacing:.07em;opacity:.74}.model-label i{display:inline-block;width:6px;height:6px;background:var(--orange-light);border-radius:50%;margin-right:6px}.card-arrow{font-size:17px;opacity:.65}.model-glyph{position:absolute;right:25px;top:61px;width:76px;height:76px;display:grid;place-items:center;border-radius:50%;font-size:48px;line-height:1}.glyph-flower{color:#f5bb78;background:#ffffff14}.glyph-orbit{color:var(--green);font-size:61px;transform:rotate(-15deg)}.glyph-image{color:var(--orange);background:#ffffff4d;font-size:49px}.model-card h3{font:600 28px var(--serif);letter-spacing:-.03em;margin:65px 0 9px}.model-card p{font-size:12px;line-height:1.6;max-width:255px;min-height:57px;color:inherit;opacity:.82}.model-specs{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding:13px 0 17px}.model-specs span{font-size:9px;border:1px solid currentColor;border-radius:20px;padding:6px 9px;opacity:.78}.model-footer{border-top:1px solid currentColor;padding-top:13px;display:flex;justify-content:space-between;align-items:center;opacity:.82;font-size:9px}.model-footer code{font:10px var(--mono);background:#ffffff20;padding:5px 7px;border-radius:2px}.fine-print{font-size:9px;color:#85877e;margin-top:14px}
.platform-section{background:var(--green);color:#fbf5e9;padding:98px 0}.platform-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.eyebrow-light{color:#c5d3bc}.platform-copy h2,.docs-copy h2{font:600 clamp(42px,5.2vw,64px)/1.03 var(--serif);letter-spacing:-.04em;margin:17px 0 19px}.platform-copy h2 em,.docs-copy h2 em{color:#f0b27c}.platform-copy>p,.docs-copy>p{font-size:13px;line-height:1.7;color:#d8dfd2;max-width:430px;margin-bottom:23px}.platform-points{margin-top:40px;border-top:1px solid #ffffff30}.platform-points>div{padding:14px 0;border-bottom:1px solid #ffffff30;display:grid;grid-template-columns:33px 1fr;column-gap:7px}.platform-points>div>span{grid-row:span 2;color:#dfaa72;font:10px var(--mono);padding-top:2px}.platform-points b{font-size:11px}.platform-points small{font-size:10px;color:#becdbd;margin-top:3px}.code-window{background:#202a23;border:1px solid #748675;border-radius:5px;box-shadow:0 20px 50px #15261b45;overflow:hidden}.window-bar{height:48px;padding:0 16px;border-bottom:1px solid #ffffff1b;display:flex;align-items:center;position:relative;color:#d5dbce;font:10px var(--mono)}.window-bar>span{position:absolute;left:50%;transform:translateX(-50%);color:#aebcac}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;background:#dd7756;border-radius:50%}.window-dots i:nth-child(2){background:#e5b56d}.window-dots i:nth-child(3){background:#85ad83}.copy-button{margin-left:auto;border:1px solid #758575;background:transparent;color:#d6ddcf;font:9px var(--mono);padding:5px 8px;border-radius:3px;cursor:pointer}.copy-button:hover{background:#ffffff15}.code-window pre{padding:28px 28px 34px;margin:0;overflow-x:auto;color:#ece9dd;font:12px/1.9 var(--mono)}.code-purple{color:#d9adf5}.code-green{color:#b7d68f}.code-yellow{color:#f4d27f}.code-orange{color:#efa97f}.code-muted{color:#829187}.code-foot{border-top:1px solid #ffffff1b;padding:13px 17px;display:flex;justify-content:space-between;color:#a7b2a3;font:8px var(--mono);letter-spacing:.05em}.code-foot i{display:inline-block;width:6px;height:6px;background:#89bc77;border-radius:50%;margin-right:6px}
.playground-section{padding-top:100px;padding-bottom:108px}.playground-heading{text-align:center;max-width:620px;margin:0 auto 35px}.playground-heading .eyebrow{justify-content:center}.playground-heading h2{margin-top:14px}.playground-heading>p{color:var(--muted);font-size:13px;line-height:1.7;margin:13px auto 0;max-width:500px}.playground-card{max-width:820px;margin:auto;padding:23px 25px 16px;background:var(--paper-2);border:1px solid var(--line);box-shadow:0 12px 34px #4c49320a}.playground-top{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.08em;color:var(--green)}.play-status{width:7px;height:7px;background:#81ae70;display:inline-block;border-radius:50%;margin-right:6px}.workspace-label{color:#92958b}.playground-card label{display:block;font:9px var(--mono);letter-spacing:.08em;color:#777d72;margin:24px 0 8px}.prompt-row{display:flex;gap:8px}.prompt-row input{min-width:0;flex:1;border:1px solid #d4cdbf;background:#fffdf8;padding:0 13px;height:48px;color:var(--ink);font:12px var(--sans);outline:none}.prompt-row input:focus{border-color:var(--green)}.prompt-row .button{white-space:nowrap}.response-area{display:flex;gap:12px;padding:20px 15px;margin-top:20px;background:#eeece1;border-radius:3px;min-height:88px}.response-avatar{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;background:var(--green);color:#fff7e9;border-radius:50%;font:600 13px var(--serif)}.response-name{font:9px var(--mono);letter-spacing:.06em;color:var(--green)}.response-name small{color:#8b8d82;font-size:8px}.response-area p{margin:7px 0 0;font-size:12px;line-height:1.65;color:#535a50}.playground-bottom{display:flex;justify-content:space-between;padding-top:13px;color:#92948b;font:9px var(--mono)}.pricing-section{padding-top:25px;padding-bottom:115px;display:grid;grid-template-columns:.7fr 1.3fr;gap:75px;align-items:start}.pricing-heading h2{font:600 clamp(38px,4.5vw,54px)/1.04 var(--serif);letter-spacing:-.04em;margin:16px 0}.pricing-heading>p{max-width:320px;font-size:13px;line-height:1.65;color:var(--muted)}.preview-pill{display:inline-block;margin-top:12px;background:#f1dfc8;color:#895b38;border-radius:20px;padding:7px 10px;font:8px var(--mono);letter-spacing:.05em}.pricing-content{padding-top:7px}.price-row{display:grid;grid-template-columns:1.15fr .8fr .9fr 1.25fr;gap:10px;align-items:center;min-height:57px;border-bottom:1px solid var(--line);font-size:11px;color:#62675e}.price-row b{color:var(--ink);font-size:11px}.price-head{min-height:34px;color:#93968c;font:8px var(--mono);letter-spacing:.05em}.price-swatch{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;background:var(--orange)}.price-swatch.green{background:var(--green-2)}.price-swatch.pink{background:#e89e7e}.pricing-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:18px;font-size:9px;color:#898d81}.pricing-bottom .text-link{font-size:10px;color:var(--ink)}
.docs-section{background:#d96542;color:#fff7eb;padding:91px 0}.docs-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.docs-copy .eyebrow{color:#f8d2b8}.docs-copy h2 em{color:#f6c395}.docs-copy>p{color:#ffe3d3}.docs-links{border-top:1px solid #fff7eb5c}.docs-links>a{display:grid;grid-template-columns:36px 1fr 20px;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #fff7eb5c;transition:padding .2s}.docs-links>a:hover{padding-inline:7px}.doc-icon{width:32px;height:32px;border:1px solid #fff7eb80;border-radius:4px;display:grid;place-items:center;font:11px var(--mono)}.docs-links b{display:block;font-size:12px}.docs-links small{display:block;font-size:10px;color:#ffe1d2;margin-top:4px}.doc-arrow{text-align:right}.faq-section{padding-top:103px;padding-bottom:100px;display:grid;grid-template-columns:.7fr 1.3fr;gap:100px}.faq-title h2{margin-top:16px}.faq-title>p{font-size:13px;line-height:1.6;color:var(--muted);margin-top:13px;max-width:260px}.faq-list details{border-bottom:1px solid var(--line);padding:17px 0}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;font-weight:700;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:19px;color:var(--orange);font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:11px;line-height:1.7;color:var(--muted);max-width:590px;margin:12px 30px 0 0}.closing-cta{position:relative;overflow:hidden;text-align:center;padding:82px 24px 88px;background:#e9b27b}.closing-cta:before,.closing-cta:after{content:'✳';position:absolute;color:#f6d5ab;font-size:190px;opacity:.55;top:-31px}.closing-cta:before{left:8%}.closing-cta:after{right:8%;font-size:140px;top:34px}.closing-cta .eyebrow{justify-content:center;color:var(--green)}.closing-cta h2{position:relative;z-index:1;font:600 clamp(46px,6vw,72px)/.98 var(--serif);letter-spacing:-.05em;margin:15px 0 24px}.closing-cta h2 em{color:var(--green)}.closing-spark{color:var(--orange);font-size:18px;margin-bottom:9px}.site-footer{background:#242c25;color:#f5efe3;padding:36px max(5.5vw,28px) 18px}.footer-main{display:grid;grid-template-columns:1.1fr 1.5fr 1fr;align-items:center;gap:40px;padding-bottom:31px}.footer-brand img{width:92px;filter:invert(1)}.footer-brand .brand-divider{background:#788078}.footer-brand .brand-product{color:#e4ded1}.footer-main>p{font-size:10px;line-height:1.7;color:#bec4b9;margin:0}.footer-links{display:flex;gap:17px;justify-content:flex-end;font-size:10px;color:#d6dbd0}.footer-bottom{border-top:1px solid #ffffff25;padding-top:15px;display:flex;justify-content:space-between;color:#9fa89e;font:8px var(--mono)}.footer-bottom b{color:#e9a66c}.footer-bottom a{color:#e9dfcc}.flash{animation:flash .45s ease}@keyframes flash{50%{background:#dfe9dc}}
@media(max-width:900px){.site-header{padding-inline:25px}.main-nav{gap:17px}.hero{gap:28px;grid-template-columns:.9fr 1.1fr}.hero-art{height:420px}.panda-portrait{transform:scale(.87);transform-origin:top center;left:calc(50% - 122px);top:82px}.chip-a{right:12px}.platform-inner,.docs-inner{gap:45px}.faq-section{gap:55px}.pricing-section{gap:35px}.price-row{grid-template-columns:1fr .7fr .8fr 1.1fr;font-size:10px}}
@media(max-width:680px){.announcement{font-size:9px;gap:6px;padding:6px 10px}.announcement a{margin-left:2px}.site-header{height:68px;padding-inline:19px}.brand img{width:83px}.brand-product{font-size:10px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:none;padding:10px}.menu-toggle span{height:1px;width:21px;background:var(--ink)}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper-2);padding:20px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line);box-shadow:0 15px 25px #242c2510}.main-nav.open{display:flex}.main-nav>a{padding:13px 4px}.main-nav .nav-cta{text-align:center;margin-top:8px}.section-wrap{width:calc(100% - 38px)}.hero{padding-top:47px;padding-bottom:44px;grid-template-columns:1fr;gap:37px}.hero h1{font-size:60px}.hero-lede{font-size:14px}.hero-art{height:395px}.sun-disc{width:270px;height:270px;left:calc(50% - 135px);top:58px}.panda-portrait{transform:scale(.83);top:72px}.hero-stamp{top:20px;left:19px}.chip-a{top:90px;right:8px;transform:scale(.86);transform-origin:right center}.chip-b{bottom:69px;left:7px;transform:scale(.84);transform-origin:left bottom}.token-bubble{right:14px;bottom:30px;transform:scale(.83) rotate(8deg)}.art-caption{left:12px;right:12px;font-size:8px}.ticker-track{justify-content:flex-start;gap:28px;min-width:max-content;padding-left:20px;font-size:9px}.models-section{padding-top:75px;padding-bottom:75px}.section-heading{display:block}.section-heading h2,.playground-heading h2,.faq-title h2{font-size:45px}.section-heading>.text-link{display:inline-block;margin-top:16px}.section-intro{font-size:13px;margin-bottom:23px}.model-grid{grid-template-columns:1fr;gap:11px}.model-card{min-height:290px}.model-card h3{margin-top:59px}.platform-section{padding:72px 0}.platform-inner{grid-template-columns:1fr;gap:34px}.platform-copy h2,.docs-copy h2{font-size:51px}.platform-points{margin-top:29px}.code-window pre{padding:20px 16px;font-size:10px}.playground-section{padding-top:75px;padding-bottom:75px}.playground-heading>p{font-size:12px}.playground-card{padding:18px 14px 13px}.prompt-row{flex-direction:column}.prompt-row input{height:46px}.prompt-row .button{width:100%}.playground-bottom{gap:15px;font-size:8px;line-height:1.5}.pricing-section{padding-top:4px;padding-bottom:78px;grid-template-columns:1fr;gap:29px}.pricing-heading h2{font-size:47px}.pricing-content{overflow-x:auto}.price-row{min-width:590px}.pricing-bottom{min-width:590px}.docs-section{padding:73px 0}.docs-inner{grid-template-columns:1fr;gap:35px}.faq-section{padding-top:75px;padding-bottom:74px;grid-template-columns:1fr;gap:28px}.faq-title>p{max-width:400px}.faq-list summary{font-size:11px}.closing-cta{padding:68px 20px 74px}.closing-cta:before{left:-18%;font-size:150px}.closing-cta:after{right:-10%;font-size:100px}.closing-cta h2{font-size:58px}.site-footer{padding:28px 20px 16px}.footer-main{grid-template-columns:1fr 1fr;gap:21px 15px}.footer-main>p{font-size:9px}.footer-links{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap;gap:17px}.footer-bottom{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:7px}.footer-bottom a{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Dr.Panda: restrained, cool-toned developer platform */
:root{--paper:#f2f4f6;--paper-2:#fff;--ink:#1b2631;--muted:#697784;--line:#d7dfe5;--orange:#587891;--orange-light:#a9bdcc;--green:#273846;--green-2:#55758d;--pink:#e7edf1;--cream:#f8fafb}
body{background:var(--paper)}.announcement{background:#263744;color:#edf2f5}.announcement-dot,.chip-live{background:#93aabd}.site-header{background:rgba(242,244,246,.96);border-color:#e0e5e9}.brand-text{gap:10px}.brand-symbol{width:32px;height:32px;border:1px solid #758da0;color:#38546a;display:grid;place-items:center;font:600 15px var(--serif);border-radius:50%}.brand-name{font-size:10px;letter-spacing:.12em;font-weight:700;line-height:1.35}.brand-name small{display:block;font:8px var(--mono);letter-spacing:.1em;color:#87939d}.nav-cta,.button-dark{background:#273744;color:#f7f9fa}.nav-cta:hover,.button-dark:hover{background:#3e5668}.eyebrow{color:#58748a}.eyebrow-icon,.hero h1 em,h2 em{color:#5c7d96}.hero-art{background:#e6ebef;background-image:linear-gradient(145deg,#e9eef2,#dce4e9);border:1px solid #d1dbe2;border-radius:5px;isolation:auto;padding:26px 27px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hero-art:after{z-index:0;opacity:.36;background:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(77,101,118,.11) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(77,101,118,.11) 40px)}.overview-header,.overview-gateway,.overview-connectors,.overview-services,.overview-footer{position:relative;z-index:1}.overview-header{display:flex;justify-content:space-between;align-items:flex-start}.overview-header>div{display:grid;gap:7px}.overview-kicker,.overview-mark,.overview-footer,.gateway-status,.service-tag,.usage-widget-head,.usage-widget label,.usage-stats small,.context-meter-label,.capability-index{font:9px var(--mono);letter-spacing:.075em;color:#73808a}.overview-header b{font:500 24px var(--serif);letter-spacing:-.02em;color:#263642}.overview-mark{border:1px solid #aab8c3;padding:6px 8px;border-radius:2px}.overview-gateway{margin:22px 0 4px;background:#fff;border:1px solid #d3dce3;border-radius:4px;padding:14px;display:flex;align-items:center;gap:12px;box-shadow:0 7px 18px #2837440b}.gateway-icon{width:39px;height:39px;border:1px solid #c8d4dd;display:grid;place-items:center;border-radius:4px;font:10px var(--mono);color:#49697f}.overview-gateway b,.overview-gateway small{display:block}.overview-gateway b{font-size:12px}.overview-gateway small{font-size:9px;color:#788691;margin-top:4px}.gateway-status{margin-left:auto;border:1px solid #cad6de;padding:6px 8px;border-radius:2px;color:#516b7e}.overview-connectors{height:22px;display:flex;justify-content:space-around;padding:0 16%;}.overview-connectors i{width:1px;height:22px;background:#91a4b2}.overview-services{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.overview-services article{background:rgba(255,255,255,.88);border:1px solid #d2dbe2;border-radius:3px;min-height:128px;padding:12px;display:flex;flex-direction:column}.service-icon{font:9px var(--mono);color:#708698}.overview-services b{font:500 16px var(--serif);margin-top:11px;color:#253541}.overview-services small{font-size:9px;color:#73808a;margin-top:4px}.service-tag{font-size:7px;margin-top:auto;padding-top:12px;color:#58748a}.overview-footer{display:flex;justify-content:space-between;border-top:1px solid #c8d3dc;padding-top:12px;color:#687987;font-size:8px}.overview-footer i,.play-status{width:6px;height:6px;border-radius:50%;background:#6b8aa0;display:inline-block;margin-right:6px}.ticker{background:#dfe5e9;color:#596b78;height:42px}.ticker-track{font-size:9px;letter-spacing:.1em}.ticker-track b{color:#8297a7}.model-card-dark{background:#344754;color:#f4f7f9}.model-card-cream{background:#e5eaee}.model-card-peach{background:#e0e7ec}.model-label i{background:#97acbb}.model-glyph{font:500 18px var(--mono);letter-spacing:0;border:1px solid #ffffff39}.glyph-flower{color:#d6e0e7;background:#ffffff0a}.glyph-orbit{color:#47657b;background:#fff9}.glyph-image{color:#496a81;background:#ffffff80}.model-specs span{border-color:#8b9eaa}.model-footer code{background:#ffffff18}.fine-print{color:#6c7881}.capabilities-section{padding-top:0;padding-bottom:108px}.capabilities-section .section-heading{align-items:end;gap:40px}.capabilities-section .section-heading h2{font:600 clamp(38px,4.7vw,58px)/1.04 var(--serif);letter-spacing:-.045em;margin:15px 0 0}.capabilities-section .section-intro{margin:0 0 6px;max-width:390px;font-size:12px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.capability-grid article{background:#fff;border:1px solid var(--line);border-radius:4px;padding:22px;min-height:205px}.capability-index{color:#6e8494}.capability-grid h3{font:500 23px var(--serif);margin:17px 0 8px}.capability-grid p{font-size:11px;line-height:1.7;color:var(--muted);min-height:55px}.capability-grid code{display:inline-block;margin:4px 4px 0 0;background:#edf1f4;color:#516a7b;border:1px solid #e1e7eb;padding:5px 7px;border-radius:2px;font:8px var(--mono)}.context-note{margin-top:15px;padding:17px;background:#e5eaee;border:1px solid #d4dde4;border-radius:3px;display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center}.context-mark{width:22px;height:22px;border:1px solid #91a5b3;border-radius:50%;display:grid;place-items:center;font:11px var(--serif);color:#55758d}.context-note p{margin:0;color:#5e6d78;font-size:10px;line-height:1.65}.context-note p b{color:#263744}.context-limit{white-space:nowrap;font:8px var(--mono);color:#647c8d;letter-spacing:.04em}.context-limit i{font-style:normal;padding:0 5px;color:#8fa2b0}.platform-section{background:#263744;color:#f1f4f6}.eyebrow-light{color:#b2c1cc}.platform-copy h2 em,.docs-copy h2 em{color:#a9bdcc}.platform-copy>p,.docs-copy>p{color:#cbd4da}.platform-points>div>span{color:#a9bdcc}.platform-points small{color:#c0ccd4}.window-bar{color:#d5dde2}.window-dots i{background:#879ba9}.window-dots i:nth-child(2),.window-dots i:nth-child(3){background:#667f91}.code-window{background:#1b2832;border-color:#5b6c78}.code-purple{color:#9fb4c3}.code-green{color:#bfd0da}.code-yellow{color:#d2dfe6}.code-orange{color:#a9bdcc}.code-muted{color:#94a1aa}.play-status{background:#829eae}.response-avatar{background:#4c687c}.response-name{color:#4d697d}.response-area{background:#e9eef1}.playground-card{background:#fff;border-color:#d6dfe5;box-shadow:0 12px 34px #24354409}.prompt-row input{border-color:#cbd5dc;background:#fbfcfd}.prompt-row input:focus{border-color:#5c7d96}.workspace-label,.playground-bottom{color:#7f8b94}.pricing-section{grid-template-columns:.7fr 1.3fr}.preview-pill{background:#e4eaee;color:#566f81}.usage-widget{padding:21px 22px;background:#fff;border:1px solid var(--line);border-radius:4px}.usage-widget-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px}.usage-widget label{display:block;margin:19px 0 8px}.usage-widget textarea{width:100%;resize:vertical;min-height:88px;padding:12px;border:1px solid #d5dee4;border-radius:3px;background:#fbfcfd;color:#33434f;font:12px/1.6 var(--sans)}.usage-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:17px}.usage-stats>div{border:1px solid #e0e6eb;padding:13px;border-radius:3px}.usage-stats small{display:block;font-size:8px}.usage-stats>div>b{display:block;font:500 24px var(--serif);margin-top:8px;color:#273744}.output-control{display:flex;align-items:center;gap:11px;margin-top:7px}.output-control input{min-width:50px;flex:1;accent-color:#617f94}.output-control b{font:500 16px var(--serif);color:#273744}.context-meter{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.context-meter-label{display:flex;justify-content:space-between;align-items:center;font-size:8px}.context-meter-label b{font:10px var(--mono);color:#506a7d}.meter-track{height:5px;background:#e5eaee;margin:8px 0 12px;border-radius:3px;overflow:hidden}.meter-track i{display:block;height:100%;width:80%;background:#7992a4;border-radius:3px}.usage-disclaimer{font-size:9px;line-height:1.6;color:#7a8790;margin:14px 0 0}.docs-section{background:#e1e7eb;color:#243440}.docs-copy .eyebrow{color:#637d90}.docs-copy h2 em{color:#577891}.docs-copy>p{color:#5f6e79}.docs-links{border-color:#bbc8d1}.docs-links>a{border-color:#bbc8d1}.docs-links small{color:#687b88}.doc-icon{border-color:#98aab6;color:#4d687d}.doc-arrow{color:#587891}.faq-title>p,.faq-list details p{color:#64717a}.faq-list details,.faq-list details:first-child{border-color:#d5dde3}.faq-list summary span{color:#5d7b92}.closing-cta{background:#e5eaee}.closing-cta:before,.closing-cta:after{color:#d5dee4}.closing-cta .eyebrow{color:#647b8b}.closing-cta h2 em{color:#5b7890}.closing-spark{color:#71899a}.site-footer{background:#1c2933;color:#edf2f5}.footer-brand img{display:none}.footer-brand .brand-symbol{border-color:#859ba9;color:#dee6eb}.footer-brand .brand-name{color:#e7edf1}.footer-brand .brand-name small{color:#9cabb5}.footer-main>p{color:#aebbc4}.footer-links{color:#c8d3db}.footer-bottom{border-color:#ffffff21;color:#9eacb5}.footer-bottom b{color:#a9bdcc}.footer-bottom a{color:#d8e0e5}.button-cream{background:#f0f4f6;color:#293946}.nav-cta span{color:#c3d1da}
@media(max-width:900px){.context-note{grid-template-columns:28px 1fr}.context-limit{grid-column:2}.capabilities-section .section-heading{gap:22px}}
@media(max-width:680px){.hero-art{height:400px;padding:19px 14px}.overview-header b{font-size:20px}.overview-gateway{margin-top:19px}.overview-services{gap:5px}.overview-services article{padding:9px;min-height:127px}.overview-services small{font-size:8px}.service-tag{font-size:6px}.overview-footer{font-size:7px}.capabilities-section{padding-bottom:76px}.capabilities-section .section-heading{display:block}.capabilities-section .section-intro{margin-top:14px}.capability-grid{grid-template-columns:1fr;gap:9px;margin-top:20px}.capability-grid article{min-height:0;padding:18px}.capability-grid p{min-height:0}.context-note{padding:13px;grid-template-columns:25px 1fr}.context-limit{font-size:7px}.usage-widget{padding:17px 14px}.usage-stats{grid-template-columns:1fr;gap:9px}.pricing-section{grid-template-columns:1fr}.docs-section{background:#e1e7eb}.brand-name{font-size:9px}.brand-symbol{width:30px;height:30px}}

/* Dr.Panda refinement: quiet surfaces, clear navigation, and a complete footer map. */
.about-section{padding:88px 0;background:#f7f9fa;border-top:1px solid var(--line)}
.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center}
.about-inner h2{font:600 clamp(38px,4.7vw,58px)/1.04 var(--serif);letter-spacing:-.045em;margin:15px 0 0;color:var(--ink)}
.about-inner h2 em{color:#5c7d96}
.about-copy p{font-size:13px;line-height:1.8;color:#687783;margin-bottom:14px}
.about-copy .text-link{display:inline-block;margin-top:8px;color:#48677d}
.footer-main{grid-template-columns:1.35fr repeat(4,minmax(110px,1fr));align-items:start;gap:28px;padding:10px 0 38px}
.footer-brand-column{display:grid;gap:17px;align-content:start}
.footer-brand-column .brand{width:max-content}
.footer-brand-column p{font-size:11px;line-height:1.7;color:#aebbc4;margin:0}
.footer-note{font:8px var(--mono);letter-spacing:.12em;color:#8294a0}
.footer-column{display:grid;align-content:start;gap:12px;font-size:10px;color:#c5d0d7}
.footer-column h2{font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#91a3af;margin:3px 0 4px}
.footer-column a{width:max-content;max-width:100%;transition:color .18s}
.footer-column a:hover{color:#fff}
.footer-bottom{gap:18px;line-height:1.6}
@media(max-width:980px){.main-nav{gap:11px;font-size:11px}.nav-cta{padding:11px 12px}.site-header{padding-inline:24px}.about-inner{gap:45px}.footer-main{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:31px}.footer-brand-column{grid-column:1/-1}}
@media(max-width:680px){.about-section{padding:69px 0}.about-inner{grid-template-columns:1fr;gap:22px}.about-copy p{font-size:12px}.footer-main{grid-template-columns:1fr 1fr;gap:27px 16px}.footer-brand-column{grid-column:1/-1}.footer-column{font-size:9px;gap:11px}.footer-bottom{display:flex;flex-direction:column;gap:5px}.footer-brand img{width:80px}}
.main-nav a[aria-current="page"]:not(.nav-cta){color:#243744;border-bottom:1px solid #8299a8;padding-bottom:5px}
.language-switcher{display:inline-flex;align-items:center;gap:6px;color:#74828c;font-size:11px;white-space:nowrap;padding:8px 0}
.language-switcher span{font-size:13px;color:#52697a}
.page-hero{padding-top:100px;padding-bottom:79px;min-height:430px}
.page-hero h1{font:600 clamp(54px,7vw,82px)/.99 var(--serif);letter-spacing:-.055em;margin:22px 0 18px;color:var(--ink)}
.page-hero h1 em{color:#5c7d96;font-weight:500}
.page-hero>p{max-width:610px;color:#687783;font-size:15px;line-height:1.75}
.page-hero-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}
.page-hero-meta span{font:8px var(--mono);letter-spacing:.09em;color:#647887;border:1px solid #d1dbe2;background:#f8fafb;padding:8px 10px;border-radius:2px}
.page-content-block{padding-top:24px;padding-bottom:94px}
.page-content-block>.section-heading{margin-bottom:16px}
.page-card-grid{display:grid;gap:14px;margin-top:30px}
.page-card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.page-card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.page-info-card{background:#fff;border:1px solid var(--line);border-radius:4px;padding:25px;min-height:205px}
.page-info-card h3{font:500 23px var(--serif);letter-spacing:-.02em;margin:18px 0 10px;color:#253541}
.page-info-card p{font-size:12px;line-height:1.75;color:#687783;margin-bottom:16px}
.page-info-card code{font:10px var(--mono);color:#526e82;background:#edf1f4;border:1px solid #e1e7eb;padding:7px 9px;border-radius:2px}
.page-info-card .text-link{font-size:11px;color:#506f85}
.page-band{padding:79px 0;background:#e8edf0;border-block:1px solid #d8e0e5}
.page-band h2,.page-split h2,.page-next h2,.page-faq h2,.about-close h2{font:600 clamp(38px,4.7vw,58px)/1.04 var(--serif);letter-spacing:-.045em;margin:15px 0 0;color:#253541}
.page-band h2 em,.page-split h2 em,.page-next h2 em,.page-faq h2 em,.about-close h2 em{color:#5c7d96}
.page-split{display:grid;grid-template-columns:1fr .72fr;gap:90px;align-items:center}
.page-split>div:first-child>p,.page-faq>div:first-child>p,.about-close>div:first-child>p{max-width:520px;margin:18px 0 0;color:#687783;font-size:13px;line-height:1.8}
.page-stat-card{padding:25px;background:#fff;border:1px solid #d2dce3;border-radius:4px;display:grid;gap:11px;color:#293b48}
.page-stat-card>span{font:9px var(--mono);letter-spacing:.1em;color:#738594}
.page-stat-card>b{font:500 24px var(--serif)}
.page-stat-card>b small{font:10px var(--sans);font-weight:500;color:#71808a}
.page-stat-card>i{height:1px;background:#dbe2e7;margin:2px 0}
.page-stat-card>p{font-size:10px;color:#73808a;margin:3px 0 0;line-height:1.6}
.page-next{display:flex;align-items:center;justify-content:space-between;padding-top:80px;padding-bottom:84px}
.page-code{margin-top:29px}
.page-code pre{font-size:11px}
.page-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:86px;padding-top:88px;padding-bottom:94px}
.page-pricing{padding-top:25px;padding-bottom:94px}
.about-hero{padding-bottom:92px}
.about-close{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:88px;padding-bottom:95px}
.about-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}
.rate-section{padding-top:24px;padding-bottom:20px}
.rate-section .section-heading{align-items:center;gap:24px}
.rate-status{font:8px var(--mono);letter-spacing:.07em;color:#647d8e;border:1px solid #cbd6de;padding:9px 11px;background:#f7f9fa;white-space:nowrap}
.rate-table-wrap{overflow-x:auto;border:1px solid #d5dfe5;border-radius:4px;background:#fff}
.rate-table{width:100%;border-collapse:collapse;text-align:left;min-width:730px}
.rate-table th{font:8px var(--mono);letter-spacing:.09em;color:#758592;background:#f2f5f7;padding:15px 17px;border-bottom:1px solid #d8e1e6}
.rate-table td{padding:15px 17px;border-bottom:1px solid #e3e8eb;font-size:11px;color:#53636f}
.rate-table tbody tr:last-child td{border-bottom:0}
.rate-table td b,.rate-table td small{display:block}
.rate-table td b{font-size:11px;color:#2e3d48}
.rate-table td small{font-size:9px;color:#85919a;margin-top:4px}
.rate-pending{font-weight:600;color:#536b7b!important}
.status-pill{display:inline-block;border:1px solid #d4dfe5;background:#f5f8f9;padding:5px 8px;border-radius:2px;color:#6e808d;font:8px var(--mono);white-space:nowrap}
.rate-footnote{font-size:9px;line-height:1.6;color:#77858f;margin-top:11px}
.footer-legal{display:flex;gap:15px;flex-wrap:wrap}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding-top:4px;padding-bottom:100px}
.contact-grid .page-info-card{min-height:230px}
.contact-grid .button{margin-top:4px}
.legal-copy{max-width:850px;padding-top:5px;padding-bottom:100px}
.legal-copy h2{font:500 24px var(--serif);letter-spacing:-.02em;color:#293a46;margin:32px 0 9px}
.legal-copy h2:first-child{margin-top:0}
.legal-copy p{max-width:760px;font-size:13px;line-height:1.8;color:#667580;margin-bottom:18px}
.faq-standalone{max-width:900px;padding-top:5px;padding-bottom:105px}
.home-highlights{padding-top:78px;padding-bottom:84px}
.home-highlights .section-heading{margin-bottom:8px}
.page-card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.product-matrix{padding-top:77px;padding-bottom:88px}
.product-matrix .page-info-card{min-height:215px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}
.product-matrix .page-info-card:hover{transform:translateY(-3px);border-color:#aebfca}
.product-matrix .page-info-card h3{margin-top:22px}
.product-matrix .page-info-card p{margin-bottom:17px}
.matrix-link{margin-top:auto;font-size:10px;font-weight:700;color:#57768b}
.workflow-band{padding:82px 0;background:#263744;color:#f2f5f7}
.workflow-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}
.workflow-inner h2{font:600 clamp(42px,5.2vw,62px)/1.03 var(--serif);letter-spacing:-.04em;margin:17px 0;color:#f2f5f7}
.workflow-inner h2 em{color:#a9bdcc}
.workflow-inner>div:first-child>p{max-width:460px;font-size:13px;line-height:1.75;color:#cbd4da;margin:0 0 24px}
.workflow-steps{border-top:1px solid #ffffff2d}
.workflow-steps>div{display:grid;grid-template-columns:34px 1fr;column-gap:8px;padding:14px 0;border-bottom:1px solid #ffffff2d}
.workflow-steps>div>span{grid-row:span 2;color:#a9bdcc;font:9px var(--mono);padding-top:2px}
.workflow-steps b{font-size:11px;color:#f2f5f7}
.workflow-steps small{font-size:10px;line-height:1.5;color:#bdc9d1;margin-top:4px}
@media(max-width:900px){.page-split{gap:42px}.page-faq{gap:45px}}
@media(max-width:950px){.page-card-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-inner{gap:44px}}
@media(max-width:1050px){.site-header{height:68px;padding-inline:19px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:none;padding:10px}.menu-toggle span{height:1px;width:21px;background:var(--ink)}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper-2);padding:20px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line);box-shadow:0 15px 25px #242c2510}.main-nav.open{display:flex}.main-nav>a,.main-nav>.language-switcher{padding:13px 4px}.main-nav .nav-cta{text-align:center;margin-top:8px}.main-nav a[aria-current="page"]:not(.nav-cta){border-bottom:0;padding-bottom:13px}}
@media(max-width:800px){.site-header{height:68px;padding-inline:19px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:none;padding:10px}.menu-toggle span{height:1px;width:21px;background:var(--ink)}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper-2);padding:20px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line);box-shadow:0 15px 25px #242c2510}.main-nav.open{display:flex}.main-nav>a{padding:13px 4px}.main-nav .nav-cta{text-align:center;margin-top:8px}.main-nav a[aria-current="page"]:not(.nav-cta){border-bottom:0;padding-bottom:13px}}
@media(max-width:680px){.page-hero{padding-top:74px;padding-bottom:58px;min-height:0}.page-hero h1{font-size:57px}.page-hero>p{font-size:13px}.page-content-block{padding-top:14px;padding-bottom:71px}.page-card-grid.two,.page-card-grid.three,.page-card-grid.four{grid-template-columns:1fr;gap:10px;margin-top:21px}.page-info-card{min-height:0;padding:20px}.page-band{padding:65px 0}.page-band h2,.page-split h2,.page-next h2,.page-faq h2,.about-close h2,.workflow-inner h2{font-size:45px}.page-split{grid-template-columns:1fr;gap:28px}.page-next,.about-close{padding-top:67px;padding-bottom:72px;align-items:flex-start;flex-direction:column}.page-faq{grid-template-columns:1fr;gap:24px;padding-top:68px;padding-bottom:74px}.page-pricing{padding-top:5px}.page-code pre{font-size:9px;padding:19px 14px}.about-actions{align-items:flex-start;flex-direction:column;gap:19px}.contact-grid{grid-template-columns:1fr;gap:10px;padding-bottom:74px}.contact-grid .page-info-card{min-height:0}.legal-copy{padding-bottom:75px}.legal-copy p{font-size:12px}.rate-section{padding-top:12px;padding-bottom:12px}.rate-section .section-heading{display:block}.rate-status{display:inline-block;margin-top:14px}.rate-table th,.rate-table td{padding:12px 13px}.footer-legal{gap:8px 13px}.home-highlights{padding-top:60px;padding-bottom:65px}.product-matrix{padding-top:59px;padding-bottom:66px}.product-matrix .page-info-card{min-height:0}.workflow-band{padding:65px 0}.workflow-inner{grid-template-columns:1fr;gap:32px}}

/* Dr.Panda warm-neutral palette: subtle ivory with a restrained honey accent. */
:root{--paper:#f7f6f0;--paper-2:#fdfcf8;--ink:#292923;--muted:#77766d;--line:#e5e1d5;--orange:#a78f55;--orange-light:#d6c28b;--green:#35352e;--green-2:#777153;--pink:#f0ecdf;--cream:#fcfaf2}
body{background:var(--paper);color:var(--ink)}
.announcement,.platform-section,.workflow-band,.site-footer{background:#292923;color:#f7f5ec}
.site-header{background:rgba(247,246,240,.95);border-color:var(--line)}
.brand-divider{background:#d0c9b8}.brand-product{color:#5e5c50}
.main-nav>a:not(.nav-cta){color:#666458}.main-nav>a[aria-current="page"]:not(.nav-cta){color:#514a35;border-color:#b09a61}
.language-switcher{color:#77766d}.language-switcher span{color:#71633e}
.nav-cta,.button-dark{background:#302f29;color:#fcfaf2}.button-dark:hover{background:#4a483d}
.eyebrow{color:#75653e}.eyebrow-icon,.hero h1 em,h2 em,.page-hero h1 em,.page-band h2 em,.page-split h2 em,.page-next h2 em,.page-faq h2 em,.about-close h2 em,.workflow-inner h2 em{color:#a1884e}
.hero-lede,.page-hero>p,.about-copy p,.page-split>div:first-child>p,.page-faq>div:first-child>p,.about-close>div:first-child>p{color:#68675e}
.hero-note{color:#77766d}.note-check{background:#ebe6d4;color:#71633e}
.hero-art{background:#eeeade;background-image:radial-gradient(circle at 66% 42%,#fbf9f1 0,#f2efdf 42%,#e9e4d1 100%)}
.hero-art:after{background:repeating-linear-gradient(0deg,transparent,transparent 38px,rgba(70,65,49,.045) 39px),repeating-linear-gradient(90deg,transparent,transparent 38px,rgba(70,65,49,.045) 39px)}
.sun-disc{background:#f8f3df;box-shadow:0 0 0 1px rgba(255,255,255,.45)}
.orbit{border-color:rgba(74,67,50,.18)}
.hero-stamp{color:#625637;border-color:rgba(111,94,49,.42)}
.model-chip{background:rgba(253,252,248,.96);border-color:#eee9da;box-shadow:0 12px 30px #675b3518}
.chip-mark{background:#eeeadb;color:#655b3f}.chip-mark.coral{background:#f2eee0;color:#927f49}.model-chip small{color:#77766d}
.token-bubble{background:#39382f;color:#fcfaf2;box-shadow:0 9px 18px #3b38251c}.token-bubble span{color:#d7bf7c}
.sparkle{color:#fffdf6}.s-two{color:#8a794a}.art-caption{color:#625e4e}
.ticker{background:#ece8da;color:#6e6858}.ticker-track b{color:#a58e52}
.model-card-dark{background:#39382f;color:#f8f6ee}.model-card-cream{background:#eeecdf}.model-card-peach{background:#f2eee2}
.model-label i{background:#c3ad70}.glyph-flower{color:#d7c382;background:#ffffff12}.glyph-orbit{color:#756944}.glyph-image{color:#9a854b;background:#ffffff55}.model-specs span{border-color:#aaa184}
.fine-print{color:#77766d}.capability-grid article,.page-info-card,.usage-widget{background:#fdfcf8;border-color:var(--line)}
.capability-index{color:#8b7a4b}.capability-grid code,.page-info-card code{background:#f1efe5;color:#6f613d;border-color:#e6e1d2}
.context-note,.page-band{background:#f0eee2;border-color:#e2dece}.context-mark{border-color:#b6a675;color:#88764a}.context-note p{color:#69675c}.context-note p b{color:#39382f}.context-limit{color:#756b4e}.context-limit i{color:#b1a77f}
.platform-section{background:#292923;color:#f7f5ec}.eyebrow-light{color:#d0c18f}.platform-copy h2 em,.docs-copy h2 em,.workflow-inner h2 em{color:#d1bd7b}.platform-copy>p,.docs-copy>p{color:#d2d0c5}.platform-points>div>span,.workflow-steps>div>span{color:#d1bd7b}.platform-points small,.workflow-steps small{color:#c3c1b4}.workflow-inner h2,.workflow-steps b{color:#f7f5ec}
.code-window{background:#23231f;border-color:#716d59;box-shadow:0 20px 50px #17171138}.window-bar{color:#e5e1d3}.window-bar>span{color:#c6c0ac}.window-dots i{background:#a78f55}.window-dots i:nth-child(2){background:#c5b16d}.window-dots i:nth-child(3){background:#88836c}.copy-button{border-color:#77735e;color:#e5e1d3}.code-window pre{color:#f0eee5}.code-purple{color:#d7c99d}.code-green{color:#c6c6a6}.code-yellow{color:#e0cc86}.code-orange{color:#d9b66c}.code-muted{color:#aaa795}.code-foot{color:#bbb8a9}.code-foot i{background:#aaa16e}
.playground-card{background:#fdfcf8;border-color:var(--line);box-shadow:0 12px 34px #4c49320a}.playground-top,.response-name{color:#75653e}.play-status{background:#a79a62}.prompt-row input,.usage-widget textarea{border-color:#ded9c9;background:#fffefa;color:#39382f}.prompt-row input:focus{border-color:#a78f55}.response-area{background:#f0eee4}.response-avatar{background:#3c3b31;color:#fffdf5}.response-area p{color:#56554c}
.preview-pill{background:#f1eddf;color:#75633d}.price-row{color:#68675e}.price-swatch.green{background:#8a805c}.price-swatch.pink{background:#c5ad75}
.usage-stats>div{border-color:#e7e2d5}.usage-stats>div>b,.output-control b{color:#39382f}.output-control input{accent-color:#a78f55}.context-meter-label b{color:#75643e}.meter-track{background:#e8e4d8}.meter-track i{background:#b4a16a}.usage-disclaimer,.pricing-bottom{color:#77766d}
.docs-section{background:#eeeade;color:#302f29}.docs-copy .eyebrow{color:#806d40}.docs-copy>p{color:#666459}.docs-links,.docs-links>a{border-color:#d8d2c2}.docs-links small{color:#706d60}.doc-icon{border-color:#c3b891;color:#75643e}.doc-arrow{color:#917c47}
.faq-title>p,.faq-list details p{color:#6d6b61}.faq-list details,.faq-list details:first-child{border-color:var(--line)}.faq-list summary span{color:#a1884e}
.closing-cta{background:#f0ecdf}.closing-cta:before,.closing-cta:after{color:#e2dcc8}.closing-cta .eyebrow{color:#75653e}.closing-cta h2 em{color:#75653e}.closing-spark{color:#a1884e}
.site-footer{background:#292923;color:#f5f2e8}.footer-brand .brand-symbol{border-color:#aaa27e;color:#e9e5d7}.footer-brand .brand-name{color:#f4f1e7}.footer-brand .brand-name small,.footer-note{color:#c0bcaa}.footer-brand-column p{color:#c8c6bb}.footer-column{color:#d6d3c8}.footer-column h2{color:#c0b891}.footer-bottom{border-color:#ffffff25;color:#aaa89d}.footer-bottom b{color:#d1bd7b}.footer-bottom a{color:#e6e0cd}
.about-section{background:#faf9f4;border-color:var(--line)}.about-inner h2{color:var(--ink)}.about-inner h2 em,.about-copy .text-link,.matrix-link{color:#8a7645}
.page-hero h1{color:var(--ink)}.page-hero-meta span{color:#716b58;border-color:#e1dccd;background:#fbfaf5}.page-info-card h3,.page-band h2,.page-split h2,.page-next h2,.page-faq h2,.about-close h2{color:#39382f}.page-info-card p{color:#6b695f}.page-info-card .text-link{color:#75643f}.page-stat-card{background:#fdfcf8;border-color:#e1dccf;color:#39382f}.page-stat-card>span,.page-stat-card>b small,.page-stat-card>p{color:#777469}.page-stat-card>i{background:#e5e1d5}.product-matrix .page-info-card:hover{border-color:#c4b37b}
.rate-status{color:#756b4f;border-color:#e1dccd;background:#f7f5ec}.rate-table-wrap{border-color:#e2ddcf;background:#fdfcf8}.rate-table th{color:#756f60;background:#f2f0e6;border-color:#e2ddcf}.rate-table td{border-color:#e9e5da;color:#66645b}.rate-table td b{color:#39382f}.rate-table td small,.rate-footnote{color:#807d71}.rate-pending{color:#776943!important}.status-pill{border-color:#e1dccd;background:#f5f2e7;color:#756c53}
.legal-copy h2{color:#39382f}.legal-copy p{color:#6b695f}
.main-nav a[aria-current="page"]:not(.nav-cta){color:#514a35;border-color:#b09a61}.footer-column a:hover{color:#fffdf5}

/* Sign-in preview: calm, split layout; authentication remains intentionally unconnected. */
.sign-in-link{font-size:12px;font-weight:600;color:#68675e;white-space:nowrap}.sign-in-link:hover,.sign-in-link[aria-current="page"]{color:#8a7645}.sign-in-page{min-height:690px;display:grid;grid-template-columns:minmax(440px,.9fr) 1.1fr;background:#f7f6f0}.sign-in-card{width:min(430px,calc(100% - 48px));margin:auto;padding:78px 0}.sign-in-brand{display:flex;align-items:center;gap:10px;margin-bottom:50px;font:9px var(--mono);letter-spacing:.1em;color:#777469}.sign-in-mark{width:35px;height:35px;display:grid;place-items:center;border:1px solid #c6b987;border-radius:50%;font:500 12px var(--serif);color:#776943}.sign-in-card h1{font:600 clamp(50px,5vw,66px)/.98 var(--serif);letter-spacing:-.05em;margin:16px 0}.sign-in-card h1 em{color:#a1884e;font-weight:500}.sign-in-intro{font-size:13px;line-height:1.7;color:#6d6b61;margin-bottom:25px}.preview-notice{display:flex;gap:11px;align-items:flex-start;padding:13px;margin-bottom:24px;border:1px solid #e3ddca;background:#f1efe4;color:#75643f}.preview-notice>span{width:18px;height:18px;border:1px solid #c4b47c;border-radius:50%;display:grid;place-items:center;font:10px var(--serif);flex:0 0 auto}.preview-notice b,.preview-notice small{display:block}.preview-notice b{font-size:10px}.preview-notice small{font-size:9px;line-height:1.5;color:#777469;margin-top:3px}.sign-in-card form>label{display:block;margin:17px 0 7px;font:8px var(--mono);letter-spacing:.08em;color:#716b58}.sign-in-card form>input{width:100%;height:46px;padding:0 12px;border:1px solid #ddd8ca;background:#fdfcf8;color:#39382f;font:12px var(--sans);outline:none}.sign-in-card form>input:focus{border-color:#a78f55}.sign-in-options{display:flex;justify-content:space-between;align-items:center;margin:15px 0 21px;font-size:9px;color:#777469}.remember-option{display:flex;align-items:center;gap:7px}.remember-option input{accent-color:#a78f55}.sign-in-options a{color:#75643f}.sign-in-submit{width:100%;justify-content:space-between;padding-inline:15px}.login-preview-status{margin:13px 0 0;padding:11px;border:1px solid #e3ddca;background:#f1efe4;color:#645936;font-size:10px;line-height:1.6}.sign-in-divider{height:1px;margin:26px 0 19px;background:#e5e1d5;position:relative}.sign-in-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 10px;background:#f7f6f0;font:7px var(--mono);letter-spacing:.1em;color:#858173;white-space:nowrap}.sign-in-footnote{font-size:10px;line-height:1.7;color:#77766d}.sign-in-back{display:inline-block;margin-top:12px;color:#75643f}.sign-in-aside{min-height:690px;position:relative;overflow:hidden;display:flex;align-items:center;padding:9vw;background:#eeecdf;color:#39382f}.aside-content{position:relative;z-index:2;max-width:480px}.aside-kicker,.aside-number,.aside-caption{position:absolute;z-index:2;font:8px var(--mono);letter-spacing:.12em;color:#746b50}.aside-kicker{top:34px;left:36px}.aside-caption{bottom:30px;left:36px}.aside-number{display:block;position:static;margin-bottom:23px}.aside-content h2{font:600 clamp(44px,5vw,68px)/1 var(--serif);letter-spacing:-.05em;margin:0 0 19px}.aside-content h2 em{color:#a1884e;font-weight:500}.aside-content p{max-width:390px;color:#6c695e;font-size:13px;line-height:1.8}.aside-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}.aside-tags span{padding:7px 9px;border:1px solid #d4ceb9;font:7px var(--mono);letter-spacing:.05em;color:#756b4f}.aside-orbit{position:absolute;border:1px solid #d8d2c0;border-radius:50%;pointer-events:none}.orbit-a{width:550px;height:550px;right:-120px;top:calc(50% - 275px)}.orbit-b{width:390px;height:390px;right:-40px;top:calc(50% - 195px)}
@media(max-width:900px){.sign-in-page{grid-template-columns:1fr .9fr}.sign-in-aside{padding:7vw}.sign-in-card{width:min(390px,calc(100% - 44px))}.aside-content h2{font-size:48px}}
@media(max-width:680px){.sign-in-link{padding:13px 4px}.sign-in-page{display:flex;flex-direction:column;min-height:0}.sign-in-card{width:calc(100% - 42px);padding:45px 0 53px}.sign-in-brand{margin-bottom:37px}.sign-in-aside{min-height:350px;padding:58px 25px}.aside-kicker{top:22px;left:25px}.aside-caption{bottom:18px;left:25px}.aside-content h2{font-size:44px}.orbit-a{width:360px;height:360px;right:-160px;top:10px}.orbit-b{width:260px;height:260px;right:-100px;top:60px}}

/* Published rate card and browser-local estimator */
.rate-value { color: var(--ink, #292923); font-weight: 700; font-variant-numeric: tabular-nums; }
.status-pill.status-published { color: #4d5d37; border-color: #c9d1b8; background: #eef0e7; }
.rate-sources { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; margin-top: 13px; color: #716d61; font-size: 11px; }
.rate-sources > span { font-family: monospace; font-size: 9px; letter-spacing: .12em; }
.rate-sources a, .rate-footnote a { color: #75633e; text-decoration: underline; text-underline-offset: 3px; }
.estimate-cost { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 18px; padding: 16px 0; border-top: 1px solid var(--line, #ded9cb); border-bottom: 1px solid var(--line, #ded9cb); }
.estimate-cost > div { display: grid; gap: 4px; }
.estimate-cost small { color: #797363; font: 10px/1.3 monospace; letter-spacing: .08em; }
.estimate-cost b { color: #292923; font: 600 28px/1 Georgia, serif; font-variant-numeric: tabular-nums; }
.estimate-cost p { margin: 0; color: #746f62; font-size: 12px; font-variant-numeric: tabular-nums; }
.estimate-cost p span { padding: 0 5px; color: #aa9255; }
@media (max-width: 620px) { .estimate-cost { align-items: flex-start; flex-direction: column; } }

.login-create-account { margin: 18px 0 2px; text-align: center; color: #777469; font-size: 10px; }
.login-create-account a { color: #75643f; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

/* Account creation preview intentionally uses a different layout from Sign in. */
.signup-page { display: grid; grid-template-columns: 1.02fr .98fr; min-height: 770px; background: #f7f6f0; }
.signup-intro { position: relative; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; min-height: 770px; padding: 31px 6vw 25px; color: #f5f1e6; background: #343b2e; }
.signup-intro:after { content: ""; position: absolute; width: 530px; height: 530px; border: 1px solid #d9d0ad36; border-radius: 50%; right: -220px; bottom: 25px; box-shadow: 0 0 0 54px #ffffff06,0 0 0 110px #ffffff04; pointer-events: none; }
.signup-topline,.signup-form-head { display: flex; align-items: center; justify-content: space-between; color: #cfc8af; font: 8px var(--mono); letter-spacing: .1em; }
.signup-topline a { color: #efe9d7; }
.signup-topline a span { margin-left: 5px; }
.signup-intro-body { position: relative; z-index: 1; width: min(470px,100%); margin: 65px auto; }
.signup-intro-body h1 { margin: 17px 0; font: 600 clamp(49px,5vw,68px)/.98 var(--serif); letter-spacing: -.055em; }
.signup-intro-body h1 em { color: #d6bd77; font-weight: 500; }
.signup-intro-body>p { color: #d2d2c5; font-size: 13px; line-height: 1.8; }
.signup-steps { display: grid; grid-template-columns: 1fr 24px 1fr 24px 1fr; align-items: center; gap: 8px; margin-top: 45px; }
.signup-steps>i { height: 1px; background: #828573; }
.signup-step { display: grid; gap: 5px; color: #aeb09e; }
.signup-step>span { font: 9px var(--mono); }
.signup-step b { color: #eae6d8; font-size: 10px; }
.signup-step small { color: #afb09f; font-size: 9px; }
.signup-step.active>span { color: #ddc980; }
.signup-note { display: flex; gap: 11px; margin-top: 40px; padding: 14px; border: 1px solid #d8d0ac45; background: #ffffff09; }
.signup-note>span { flex: 0 0 18px; width: 18px; height: 18px; display: grid; place-items: center; border: 1px solid #d5c27d; border-radius: 50%; color: #e0ce8d; font: 10px var(--serif); }
.signup-note p { margin: 0; color: #c6c5b7; font-size: 9px; line-height: 1.7; }
.signup-note b { color: #eee7d2; font-size: 10px; }
.signup-side-note,.signup-footer { color: #adb09d; font: 8px var(--mono); letter-spacing: .12em; }
.signup-form-wrap { display: grid; align-content: center; justify-items: center; padding: 45px 35px 25px; }
.signup-form-card { width: min(465px,100%); padding: 28px 0; }
.signup-form-head { color: #847b61; }
.signup-form-card h2 { margin: 40px 0 9px; color: #30312b; font: 600 clamp(34px,4vw,46px)/1.05 var(--serif); letter-spacing: -.05em; }
.signup-form-card h2 em { color: #9c854e; font-weight: 500; }
.signup-form-sub { color: #77756c; font-size: 11px; }
.signup-paths { display: grid; gap: 8px; margin: 24px 0 20px; padding: 0; border: 0; }
.signup-paths legend,.signup-label { display: grid; gap: 8px; margin-bottom: 9px; color: #77715f; font: 8px var(--mono); letter-spacing: .09em; }
.signup-choice { display: grid; grid-template-columns: 16px 27px 1fr 16px; align-items: center; gap: 10px; min-height: 60px; padding: 10px 12px; border: 1px solid #e1ddcf; background: #fbfaf6; cursor: pointer; }
.signup-choice:has(input:checked) { border-color: #a99660; background: #f2efe4; }
.signup-choice input { accent-color: #8f7c48; }
.choice-index { color: #9d8a56; font: 9px var(--mono); }
.signup-choice b,.signup-choice small { display: block; }
.signup-choice b { color: #3b3b33; font-size: 10px; }
.signup-choice small { margin-top: 4px; color: #817e72; font-size: 8px; }
.signup-choice i { color: #a08c55; font-style: normal; }
.signup-label { margin-top: 14px; }
.signup-label input { width: 100%; height: 42px; padding: 0 11px; border: 1px solid #ddd9cc; background: #fffefa; color: #30312b; font: 11px var(--sans); letter-spacing: 0; }
.signup-label input:focus { outline: 1px solid #a99660; }
.signup-submit { width: 100%; justify-content: space-between; margin-top: 12px; padding: 13px 15px; }
.signup-status { margin: 12px 0; padding: 11px; border: 1px solid #d7d0b7; background: #efede3; color: #5d573f; font-size: 9px; line-height: 1.7; }
.signup-terms { margin-top: 14px; color: #8a867a; font-size: 8px; line-height: 1.8; }
.signup-terms a,.signup-existing a { color: #776641; text-decoration: underline; text-underline-offset: 3px; }
.signup-existing { margin-top: 23px; padding-top: 15px; border-top: 1px solid #e3dfd2; text-align: center; color: #77756c; font-size: 9px; }
.signup-footer { width: min(465px,100%); padding-top: 18px; border-top: 1px solid #e2ded1; color: #8a867a; text-align: center; }
@media(max-width:850px){.signup-page{grid-template-columns:1fr}.signup-intro{min-height:450px;padding:24px 7vw}.signup-intro-body{margin:58px auto 38px}.signup-form-wrap{padding:35px 22px}.signup-form-card h2{margin-top:25px}}
@media(max-width:680px){.signup-intro{min-height:410px}.signup-steps{grid-template-columns:1fr 12px 1fr 12px 1fr;gap:5px}.signup-step b{font-size:8px}.signup-step small{font-size:8px}}

.language-switcher{position:relative;display:inline-flex;align-items:center}
.language-trigger{font:inherit;color:inherit;background:none;border:0;padding:10px 8px;cursor:pointer}
.language-trigger:hover,.language-trigger:focus-visible{color:var(--accent,#a8894e)}
.language-menu{display:none;position:absolute;z-index:40;right:0;top:calc(100% + 5px);min-width:128px;padding:6px;background:#fbfaf6;border:1px solid rgba(65,58,42,.16);box-shadow:0 12px 32px rgba(36,32,24,.12)}
.language-menu.open{display:grid}
.language-menu a{padding:10px 12px;color:inherit;text-decoration:none;white-space:nowrap}
.language-menu a:hover,.language-menu a:focus-visible{background:rgba(177,151,91,.12)}
@media(max-width:900px){.language-menu{right:auto;left:0}.main-nav .language-switcher{align-self:flex-start}}
/* Header utility links: language selector, Sign in and account creation. */
.nav-language-account{display:flex;align-items:center}.create-account-link{margin-left:-8px;font-size:12px;font-weight:600;color:#68675e;text-decoration:none;white-space:nowrap}.create-account-link:hover,.create-account-link[aria-current="page"]{color:#8a7645}
@media(max-width:1050px){.main-nav>.nav-language-account{align-self:flex-start;padding:6px 4px}.main-nav .create-account-link{margin-left:0;padding:13px 4px}.main-nav .nav-cta{margin-top:8px}}


/* Dr.Panda Lab tools */
.lab-tool-section{padding-top:75px;padding-bottom:78px}.lab-section-title{display:grid;grid-template-columns:1fr .75fr;gap:50px;align-items:end;margin-bottom:25px}.lab-section-title h2{margin-top:15px}.lab-section-title>p{max-width:430px;margin:0 0 5px;color:var(--muted);font-size:12px;line-height:1.8}.lab-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;padding:24px;border:1px solid var(--line);background:#fbfaf5}.lab-fields{display:grid;align-content:start;gap:14px}.lab-fields label,.lab-wide-label{display:grid;gap:7px;color:#77715f;font:9px/1.5 var(--mono);letter-spacing:.06em}.lab-fields input,.lab-fields textarea,.lab-fields select,.lab-wide-label textarea{width:100%;border:1px solid #ded9cb;background:#fffefa;color:var(--ink);padding:11px 12px;font:12px/1.6 var(--sans);letter-spacing:0;outline:none}.lab-fields input:focus,.lab-fields textarea:focus,.lab-fields select:focus,.lab-wide-label textarea:focus{border-color:#aa9255;box-shadow:0 0 0 2px #aa92551b}.lab-fields textarea,.lab-wide-label textarea{resize:vertical}.lab-fields .button{justify-content:space-between;margin-top:3px}.lab-result{min-width:0;display:flex;flex-direction:column;border:1px solid #e3decf;background:#f4f1e7;padding:16px}.lab-result-head,.lab-action-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.lab-result-head{color:#7d7358;font:9px var(--mono);letter-spacing:.08em}.lab-output,.lab-json-result{white-space:pre-wrap;overflow-wrap:anywhere;color:#36362f;font:12px/1.8 var(--mono)}.lab-output{flex:1;min-height:230px;margin:15px 0}.lab-result .fine-print{margin-top:auto}.lab-single{display:grid;grid-template-columns:1fr}.lab-action-row{justify-content:flex-start;flex-wrap:wrap;margin-top:14px}.lab-token-note{margin-left:auto;color:#81765b;font:8px var(--mono);letter-spacing:.09em}.lab-check-result,.lab-json-result{min-height:70px;margin-top:18px;padding:15px;border:1px solid #e3decf;background:#f4f1e7;color:#555349;font-size:11px;line-height:1.8;white-space:pre-wrap}.lab-json-result{min-height:190px}.lab-check-result[data-state="invalid"],.lab-json-result[data-state="invalid"]{color:#904d3b}.lab-check-result[data-state="valid"],.lab-json-result[data-state="valid"]{color:#496647}
@media(max-width:680px){.lab-section-title{grid-template-columns:1fr;gap:14px}.lab-panel{grid-template-columns:1fr;padding:15px}.lab-tool-section{padding-top:54px;padding-bottom:56px}.lab-output{min-height:150px}.lab-token-note{margin-left:0}}

/* API setup guidance shown before the playground experience. */
.playground-api-guide{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);gap:clamp(24px,4vw,54px);align-items:stretch;margin:0 0 clamp(42px,6vw,76px);padding:clamp(22px,3.3vw,42px);border:1px solid var(--line);background:var(--paper-2)}
.api-setup-copy>.eyebrow{margin-bottom:14px}
.api-setup-copy>h2{margin:0 0 12px;font:600 clamp(30px,4vw,48px)/1.05 var(--serif);letter-spacing:-.045em}
.api-setup-copy>h2 em{color:var(--green);font-weight:500}
.api-setup-copy>p{max-width:58ch;color:var(--muted);font-size:14px;line-height:1.75;margin:0 0 20px}
.api-setup-steps{list-style:none;padding:0;margin:0 0 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
.api-setup-steps li{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-top:1px solid var(--line)}
.api-setup-index{flex:0 0 27px;color:#9d8151;font:500 11px var(--mono);padding-top:3px}
.api-setup-steps h3{font-size:13px;line-height:1.35;margin:0 0 4px;font-weight:700}
.api-setup-steps p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}
.api-setup-steps code{font:10px var(--mono);white-space:nowrap;color:var(--ink)}
.api-setup-request{align-self:center;background:#20251e;color:#f8f3e8;padding:22px clamp(18px,2.5vw,30px);min-width:0}
.api-setup-request-head,.api-setup-request-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#c6bda9;font:9px/1.5 var(--mono);letter-spacing:.055em}
.api-setup-route{display:flex;align-items:center;gap:12px;margin:20px 0 13px;padding:11px 12px;border:1px solid #51554a;background:#292e26}
.api-setup-route small{color:#e4bb76;font:10px var(--mono)}
.api-setup-route code{font:12px var(--mono);color:#fff9ed}
.api-setup-request pre{overflow:auto;margin:0 0 18px;color:#e8e2d7;font:11px/1.8 var(--mono);white-space:pre}
.api-setup-request pre span{color:#e6bc75}
.api-setup-request-foot{padding-top:13px;border-top:1px solid #51554a;letter-spacing:0}
.api-setup-request-foot a{color:#f0c77f;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
@media(max-width:900px){.playground-api-guide{grid-template-columns:1fr}.api-setup-request{align-self:stretch}}
@media(max-width:560px){.playground-api-guide{padding:20px 16px}.api-setup-steps{grid-template-columns:1fr;column-gap:0}.api-setup-request-head,.api-setup-request-foot{align-items:flex-start;flex-direction:column}.api-setup-request pre{font-size:10px}.api-setup-steps code{white-space:normal}}