:root{--ink:#1e2a44;--muted:#657080;--orange:#ff8a3d;--ochre:#a64a10;--paper:#fffdf9;--cream:#fff7e9;--line:#e8e4dc;--soft:#f5f4f0;--white:#fff;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;height:auto;display:block}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:650;line-height:1.4;letter-spacing:-.025em}h1>span,h2>span{display:block}h2{font-size:40px}p{color:var(--muted)}button{border:0}button:disabled{cursor:default}input{min-width:0}[hidden]{display:none!important}:focus-visible{outline:3px solid #a64a10;outline-offset:5px}.icon{display:inline-block;vertical-align:middle}.b-container{width:min(1200px,calc(100% - 112px));margin-inline:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:-70px;left:16px;background:var(--ink);color:white;padding:10px 20px}.skip-link:focus{top:10px}.b-eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;letter-spacing:.09em;color:var(--ochre)}.accent-line{display:inline-block;width:25px;height:2px;background:var(--orange)}.b-intro{font-size:17px;line-height:1.95;max-width:650px}.b-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:28px}.b-button{display:inline-flex;justify-content:center;align-items:center;gap:15px;min-height:48px;padding:12px 21px;border-radius:7px;font-size:14px;font-weight:600;line-height:1.5;transition:background .18s,color .18s,transform .25s var(--ease)}.b-button:hover{transform:translateY(-2px)}.b-button-primary{background:var(--orange);color:var(--ink)}.b-button-primary:hover{background:#ffa467}.b-button-quiet{padding-inline:0;color:var(--ink);background:none}.b-button-quiet:hover{color:var(--ochre)}.b-button-light{color:var(--ink);background:var(--cream)}.b-button .icon{width:18px;height:18px}.text-action{display:inline-flex;align-items:center;gap:14px;font-size:14px;font-weight:600}.text-action .icon,.section-link .icon{transition:transform .25s var(--ease)}a:hover .text-action .icon,.section-link:hover .icon{transform:translateX(5px)}

.site-header{position:sticky;top:0;z-index:40;background:rgba(255,253,249,.95);border-bottom:1px solid rgba(232,228,220,.8);backdrop-filter:blur(16px)}.header-inner{display:flex;align-items:center;gap:36px;min-height:83px}.b-brand{display:inline-flex;align-items:center;flex-shrink:0}.b-brand img{width:184px;height:50px}.site-navigation{margin-left:auto;display:flex;gap:30px;align-items:center}.site-navigation a{font-size:13px;font-weight:550;white-space:nowrap;padding:25px 0;transition:color .18s}.site-navigation a:hover,.site-navigation a[aria-current]{color:var(--ochre)}.header-actions{display:flex;align-items:center;gap:24px}.locale-switch{font-size:12px;white-space:nowrap;color:var(--muted)}.header-apps{display:flex;align-items:center;justify-content:center;gap:12px;color:white;background:var(--ink);border-radius:6px;padding:10px 15px;font-size:12px;font-weight:550;white-space:nowrap}.header-apps .icon{width:15px;height:15px}.mobile-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;background:transparent;border:1px solid var(--line);border-radius:6px}.site-navigation .mobile-app-link{display:none}

.brand-hero{padding-top:68px}.hero-heading h1{font-size:clamp(46px,4.85vw,70px);line-height:1.35;letter-spacing:-.035em;margin-top:23px;font-weight:650}.hero-heading h1>span:last-child{color:#a35023}.hero-bottom{display:flex;justify-content:space-between;gap:70px;margin-top:26px;align-items:flex-end}.hero-bottom>.b-intro,.hero-bottom>div:first-child{max-width:670px}.hero-aside{padding-left:28px;border-left:1px solid #d9d2c6;flex:0 0 227px;margin-bottom:7px}.hero-aside>span{font-size:11px;letter-spacing:.1em;color:var(--ochre)}.hero-aside p{font-size:13px;line-height:1.9;margin-top:10px}.creation-canvas{display:grid;grid-template-columns:.9fr 1.6fr;gap:36px;margin-top:54px;background:#f5eee1;border:1px solid #e9dfcf;border-radius:13px;overflow:hidden;position:relative}.canvas-copy{padding:39px 0 36px 37px}.canvas-label{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.07em;color:#7b593c}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);display:inline-block;flex-shrink:0}.canvas-product{display:block;font-size:11px;color:#6e716e;margin-top:20px}.canvas-copy h2{font-size:29px;line-height:1.5;margin:9px 0 14px}.canvas-copy>p:not(.canvas-label){font-size:13px;line-height:1.9;max-width:290px;color:#6d6b63}.case-constraints{margin-top:28px}.case-constraints>div{display:flex;align-items:center;gap:14px;border-top:1px solid #ded3c1;padding:8px 0;max-width:287px;font-size:11px}.case-constraints>div>span{color:#8a745a}.case-constraints strong{font-weight:500}.case-constraints .icon{margin-left:auto;width:14px;height:14px;color:#92704b}.canvas-image{align-self:end;position:relative;height:402px;overflow:hidden;padding-top:23px}.canvas-image>img{width:115%;max-width:none;border-radius:8px 0 0 0;box-shadow:0 7px 25px #26334513;border:1px solid #d7dce5;position:relative}.canvas-index{position:absolute;top:0;right:24px;font-size:10px;letter-spacing:.14em;color:#8b7a63}.canvas-caption{position:absolute;bottom:0;left:0;right:0;background:rgba(245,238,225,.96);padding:10px 18px;font-size:10px;line-height:1.7;color:#756c60}.hero-footnote{display:flex;align-items:center;gap:22px;font-size:10px;padding:20px 0;color:#8b8e93;border-bottom:1px solid var(--line)}.hero-footnote>span:first-child{color:var(--ink);font-weight:600}.hero-footnote a{display:flex;align-items:center;gap:14px;margin-left:auto}.hero-footnote .icon{width:14px;height:14px;transform:rotate(90deg)}

.section-heading{padding:0 0 40px}.section-heading .b-eyebrow{margin-bottom:22px}.heading-split{display:flex;align-items:flex-end;justify-content:space-between;gap:70px}.heading-split h2{flex-shrink:0}.heading-split>p{max-width:440px;font-size:15px;line-height:1.95}.story-section{padding:94px 0 96px}.story{display:grid;grid-template-columns:215px minmax(0,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white}.story-controls{padding:27px 20px;background:#f6f4ef;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:36px}.story-steps{display:flex;flex-direction:column;gap:12px}.story-steps>button{display:flex;align-items:center;text-align:left;gap:11px;background:transparent;color:#69717f;padding:14px 12px;border-radius:6px;font-size:13px;transition:background .2s,color .2s}.story-steps .step-index{font-size:10px;color:#8c8a82}.story-steps>button>.icon{width:14px;height:14px;margin-left:auto;opacity:0}.story-steps>button[aria-pressed=true]{background:var(--ink);color:white}.story-steps>button[aria-pressed=true] .step-index{color:#ffc293}.story-steps>button[aria-pressed=true]>.icon{opacity:1}.story-play{display:flex;gap:9px;align-items:center;font-size:10px;padding:10px 4px;background:transparent;color:#5c6471;margin-top:auto;text-align:left}.story-play .icon{width:16px;height:16px}.story-stage{min-width:0}.story-panel{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:39px 31px 36px 35px;min-height:344px;align-items:center}.story-text{min-width:0}.story-role{font-size:10px;letter-spacing:.06em;color:var(--ochre)}.story-text h3{font-size:23px;margin:11px 0 17px;line-height:1.55;max-width:300px}.story-text>p{font-size:12px;line-height:2.05}.story-text blockquote{margin:23px 0 0;padding-left:14px;border-left:2px solid #e7b58a;color:#7c6a55;font-size:11px;line-height:1.95}.story-artifact{background:#f4f0e9;border-radius:9px;padding:14px;transform:rotate(-1deg);min-width:0}.artifact-top{display:flex;align-items:center;gap:6px;font-size:8px;color:#776b59;padding-bottom:13px}.artifact-marker{height:5px;width:5px;background:#cd8952;border-radius:50%}.artifact-top>span:last-child{margin-left:auto}.artifact-paper{background:#fff;border:1px solid #dedbd5;border-radius:6px;padding:17px 13px 14px;box-shadow:0 8px 20px #26334506}.artifact-heading{font-size:12px;font-weight:650;letter-spacing:-.03em}.artifact-tabs{display:flex;gap:12px;align-items:center;border-bottom:1px solid #e8e9ee;margin:15px 0 8px;font-size:8px;white-space:nowrap}.artifact-tabs>span{padding-bottom:7px;color:#89909b}.artifact-tabs .selected{color:#9d501f;position:relative}.artifact-tabs .selected:after{position:absolute;content:"";height:2px;left:0;right:0;bottom:0;background:var(--orange)}.artifact-tabs>span:last-child{margin-left:auto}.artifact-tabs .icon{width:10px;height:10px}.artifact-points>div{display:flex;align-items:center;gap:8px;border-bottom:1px solid #efefed;padding:11px 0;font-size:9px;line-height:1.7}.point-check{display:grid;place-items:center;background:#fff3e4;color:#ae6c31;border-radius:4px;width:20px;height:20px;flex-shrink:0}.point-check .icon{width:12px;height:12px}.artifact-points small{margin-left:auto;font-size:7px;color:#b0b2b6}.artifact-consumers{display:flex;align-items:center;gap:7px;font-size:8px;margin-top:18px;color:#8d8d8b}.artifact-consumers i{height:1px;flex:1;background:#e3ded5}.artifact-note{display:block;text-align:center;margin-top:12px;font-size:7px;color:#978d7d}.story-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding:12px 20px;font-size:9px;color:#858991;display:flex;align-items:center;gap:20px;background:var(--paper)}.story-bottom>span:last-child{font-size:9px;white-space:nowrap}.story-progress{height:2px;background:#e9e4db;flex:1;max-width:130px;margin-left:auto;overflow:hidden}.story-progress i{display:block;height:100%;width:33.333%;background:var(--orange);transition:width .4s var(--ease)}.story.is-playing .story-progress i{animation:story-progress 6.5s linear infinite;width:100%}@keyframes story-progress{from{transform:translateX(-100%)}to{transform:translateX(0)}}.story-panel.is-entering{animation:scene-enter .6s var(--ease)}@keyframes scene-enter{from{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

.products-section{padding-block:0 97px}.mada-feature{display:grid;grid-template-columns:.85fr 1.35fr;gap:36px;border-radius:10px;overflow:hidden;background:var(--ink);color:white;min-height:343px;transition:background .25s}.mada-feature:hover{background:#263751}.mada-feature-copy{padding:35px 0 34px 36px}.product-wordmark{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:700;letter-spacing:-.045em}.product-wordmark>img{width:25px;height:33px}.product-wordmark small{font-size:13px;letter-spacing:.04em;font-weight:500;margin-left:3px}.feature-status{font-size:10px;color:#a9b1be;display:flex;align-items:center;gap:8px;letter-spacing:.02em}.mada-feature-copy>.feature-status{margin-top:10px}.mada-feature h3{font-size:26px;font-weight:550;margin-top:24px;max-width:300px}.mada-feature p{font-size:12px;color:#b4bfce;line-height:2;max-width:290px;margin:12px 0 24px}.mada-feature .text-action{color:#ffb078;font-size:12px}.mada-feature-image{align-self:end;height:291px;padding-top:0;overflow:hidden;position:relative}.mada-feature-image img{width:114%;max-width:none;border-radius:8px 0 0;border:1px solid #d3d9e3}.product-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:25px;gap:28px}.product-list article{border-bottom:1px solid var(--line);padding:16px 0 27px;position:relative;display:flex;align-items:flex-start;gap:16px}.product-icon{width:39px;height:39px;border:1px solid #e6ddce;color:#8e5d2f;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#faf6ee;flex-shrink:0}.product-icon .icon{width:19px;height:19px}.product-label{font-size:10px;color:#8a775f}.product-list h3{font-size:20px;font-weight:600;line-height:1.5;margin:4px 0 10px}.product-list p{font-size:12px;line-height:2;max-width:245px}.product-list article>a{position:absolute;right:0;top:24px;color:#989d9f}.product-list article>a .icon{width:17px;height:17px}.product-list article>div:nth-child(2){padding-right:10px}.section-link{display:flex;align-items:center;justify-content:center;gap:15px;font-size:12px;margin-top:30px}.section-link .icon{width:17px;height:17px}.practice-section{padding:78px 0;background:#f1f2ef;border-block:1px solid #e6e7e2}.practice-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.practice-grid h2{margin:20px 0 23px}.practice-grid>div>p:not(.b-eyebrow){font-size:14px;max-width:370px;line-height:2}.practice-notes article{display:flex;gap:23px;padding:13px 0 28px;border-bottom:1px solid #d8dcd8}.practice-notes article+article{padding-top:28px}.note-number{font-size:10px;color:#8b928d;padding-top:5px}.practice-notes h3{font-size:21px;margin:9px 0 12px}.practice-notes p{font-size:12px;line-height:2;max-width:390px}.b-ending{background:var(--cream);padding:66px 0;border-bottom:1px solid #e9dfcd}.ending-inner{display:flex;align-items:center;gap:28px}.ending-symbol{width:62px;flex-shrink:0}.ending-symbol img{width:43px;height:auto}.ending-inner h2{font-size:28px}.ending-inner p{font-size:13px;margin-top:10px}.ending-inner>.b-button{margin-left:auto;flex-shrink:0}.site-footer{background:var(--paper);padding:43px 0 22px}.footer-main{display:flex;align-items:center;gap:36px}.footer-main>.b-brand img{width:155px;height:43px}.footer-main>p{font-size:11px;color:#8a8e96}.footer-main>div{display:flex;gap:28px;margin-left:auto;font-size:11px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;margin-top:28px;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#8b8d93}

.mada-hero{padding-bottom:0}.mada-hero-head{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:end}.mada-hero h1{font-size:clamp(44px,4.5vw,64px);line-height:1.4;letter-spacing:-.04em;margin-top:21px}.mada-hero-intro>.feature-status{color:#8b6b4c;margin-bottom:15px}.mada-hero-intro>.b-intro{font-size:15px;max-width:420px}.mada-hero-intro .b-actions{margin-top:22px}.product-figure{margin:0;min-width:0}.product-image{position:relative;display:block;width:100%;padding:0;overflow:hidden;background:#edf0f6;border:1px solid #dce0e8;border-radius:8px;box-shadow:0 12px 35px #26334508;cursor:zoom-in}.product-image>img{width:100%;height:auto;transition:transform .6s var(--ease)}.product-image:hover>img{transform:scale(1.015)}.image-expand{position:absolute;bottom:12px;right:12px;background:rgba(255,255,255,.95);border:1px solid #e4e5e6;border-radius:5px;width:31px;height:31px;display:grid;place-items:center;color:#687183;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.product-image:hover .image-expand,.product-image:focus-visible .image-expand{opacity:1;transform:none}.image-expand .icon{width:16px;height:16px}.product-figure figcaption{font-size:10px;color:#8a8f96;line-height:1.8;margin:13px 0 0}.mada-main-figure{padding:31px 31px 20px;background:#eee9e0;border:1px solid #e3ddd1;border-radius:12px;margin-top:43px}.mada-main-figure .product-image{border-radius:7px}.mada-main-figure img{max-height:570px;object-fit:cover;object-position:top}.mada-main-figure figcaption{text-align:center;color:#847a6c}.mada-facts{display:grid;grid-template-columns:repeat(3,1fr);padding:26px 0;border-bottom:1px solid var(--line)}.mada-facts>div{display:flex;flex-direction:column;gap:5px;padding:4px 32px;border-left:1px solid var(--line)}.mada-facts>div:first-child{border-left:0;padding-left:0}.mada-facts strong{font-size:14px;font-weight:600}.mada-facts span{font-size:11px;color:var(--muted)}.mada-features{padding-block:88px 82px}.mada-feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:65px}.mada-feature-list h3{font-size:20px;margin:19px 0 14px}.mada-feature-list p{font-size:13px;line-height:2}.workbench-section{padding:65px 0 27px;background:#f3f3ef;border-block:1px solid #e3e5de}.workbench-chapter{display:grid;grid-template-columns:.63fr 1.37fr;gap:70px;align-items:center;padding:44px 0 64px}.workbench-chapter+.workbench-chapter{border-top:1px solid #dfe1da;padding-top:61px}.workbench-copy{position:relative}.chapter-number{display:block;color:#bf9b73;font-size:44px;font-weight:300;line-height:1.1;letter-spacing:-.045em;margin-bottom:23px}.workbench-copy h2{font-size:29px;margin:10px 0 20px;line-height:1.6}.workbench-copy p{font-size:13px;line-height:2;max-width:280px}.workbench-chapter .product-figure figcaption{font-size:9px}.mada-ai-section{padding-block:89px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.mada-ai-section h2{font-size:34px;margin:20px 0 23px}.mada-ai-section>div>p:not(.b-eyebrow){font-size:13px;line-height:2;max-width:420px}.collaboration{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.collaboration>div{flex:1;display:flex;flex-direction:column;gap:20px;padding:18px 13px 21px;background:#f7f2e8;border:1px solid #e6dfd1;border-radius:7px;min-height:151px}.collaboration>div>span{font-size:9px;color:#9a8367}.collaboration>div>.icon{color:#9b6a36}.collaboration strong{font-size:10px;font-weight:550;line-height:1.8}.collaboration-arrow{color:#b3ad9f}.collaboration-arrow>.icon{width:14px;height:14px}.collaboration>p{flex:0 0 100%;font-size:9px;color:#8d8f95;line-height:1.8;margin-top:13px}.mada-start{padding:70px 0;background:#f5f1e8;border-top:1px solid #e8dfd0}.start-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.start-grid h2{font-size:31px;margin:18px 0}.start-grid>div>p:not(.b-eyebrow):not(.copy-status){font-size:13px;line-height:2}.launchers{margin-top:26px;display:flex;flex-direction:column;gap:15px}.launcher{min-width:0}.launcher>span{font-size:11px;color:#746d60;display:block;margin-bottom:7px}.launcher>div{display:flex;align-items:center;gap:10px;background:#fffdf9;border:1px solid #ddd6c8;border-radius:6px;padding:11px 10px 11px 14px;min-width:0}.launcher code{font-family:Consolas,"SFMono-Regular",monospace;font-size:11px;overflow-wrap:anywhere;line-height:1.9;color:#596274;flex:1}.launcher button{width:30px;height:30px;border-radius:4px;background:transparent;flex-shrink:0;color:#747c87}.launcher button:hover{background:#eee9de}.launcher .icon{width:15px;height:15px}.copy-status{min-height:16px;font-size:10px;color:#85613d;margin-top:6px}.start-grid .start-note{font-size:10px!important;color:#8a8174}.mada-faq{align-self:center}.mada-faq details{border-top:1px solid #d9d1c3}.mada-faq details:last-child{border-bottom:1px solid #d9d1c3}.mada-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;padding:20px 0;list-style:none}.mada-faq summary::-webkit-details-marker{display:none}.mada-faq summary>.icon{width:16px;height:16px;transition:transform .2s}.mada-faq details[open] summary>.icon{transform:rotate(45deg)}.mada-faq details>p{font-size:12px;padding:0 25px 20px 0;line-height:2}

.apps-hero{padding-bottom:47px}.apps-hero>.b-eyebrow{margin-bottom:25px}.apps-hero .heading-split{align-items:flex-end}.apps-hero h1{font-size:clamp(43px,4.2vw,60px);line-height:1.4;flex-shrink:0}.apps-hero .b-intro{max-width:390px;font-size:15px;padding-bottom:7px}.directory-toolbar{display:flex;flex-wrap:wrap;gap:20px 25px;align-items:center;border-top:1px solid var(--line);padding-top:28px;padding-bottom:28px}.directory-search{flex:0 0 100%;display:flex;gap:14px;align-items:center;max-width:540px;background:white;border:1px solid #deddd7;border-radius:7px;padding:12px 17px;color:#a08365}.directory-search:focus-within{border-color:#ba7a48;box-shadow:0 0 0 2px #ff8a3d20}.directory-search input{flex:1;border:0;background:transparent;outline:none;font-size:13px;color:var(--ink);min-height:26px;width:100%}.directory-search input::placeholder{color:#979a9c}.directory-search:has(input:focus-visible){outline:2px solid var(--ochre);outline-offset:3px}.directory-search .icon{width:19px;height:19px}.directory-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.directory-filters button{font-size:12px;background:transparent;padding:8px 17px;color:#737b87;border-radius:5px;transition:color .2s,background .2s;white-space:nowrap}.directory-filters button[aria-pressed=true]{color:var(--ink);background:#f2e6d2}.directory-filters button:hover{background:#f7eee0}.directory-count{margin-left:auto;font-size:10px;color:#959895;white-space:nowrap}.directory-count>span{color:#5e6570}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.directory-card{display:flex;flex-direction:column;padding:27px 25px 24px;border:1px solid #e3e2dc;background:#fff;border-radius:9px;min-width:0;transition:border-color .2s,box-shadow .3s}.directory-card:hover{border-color:#d6c5ac;box-shadow:0 8px 24px #1e2a4405}.directory-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.directory-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#f9f6ef;border:1px solid #eee6da;border-radius:10px;color:#94724e}.directory-icon>img{width:24px;height:32px}.directory-icon>.icon{width:23px;height:23px}.availability{font-size:9px;color:#8c8272;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.availability>i{width:5px;height:5px;border-radius:50%;background:#c5ad87}.availability-local{color:#547565}.availability-local>i{background:#6a957c}.availability-live{color:#426e6a}.availability-live>i{background:#4c9484}.directory-card h2{font-size:20px;font-weight:600;margin-bottom:12px;line-height:1.5}.directory-card>p{font-size:12px;line-height:2;max-width:280px}.directory-note{font-size:9px;color:#a18d72;margin-top:14px}.directory-card-action{margin-top:auto;padding-top:24px}.app-info summary,.app-visit{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#626d7c;list-style:none;min-height:32px;border-top:1px solid #eeece6;padding-top:13px}.app-info summary::-webkit-details-marker{display:none}.app-info summary .icon,.app-visit>.icon{width:15px;height:15px}.app-info summary .icon{transition:transform .2s}.app-info[open] summary .icon{transform:rotate(45deg)}.app-info>div{padding-top:13px;font-size:10px;line-height:1.9}.app-info>div>span{display:block;font-size:9px;color:#9c9283;margin-top:12px}.app-info code{display:block;word-break:break-all;font:10px/1.8 Consolas,monospace;color:#6d7681;margin-top:3px}.app-info p+p{margin-top:8px}.app-visit{color:var(--ochre)}.directory-empty{padding:70px 20px 80px;text-align:center;border-block:1px solid var(--line)}.directory-empty>.icon{width:32px;height:32px;color:#bba584;margin-bottom:18px}.directory-empty h2{font-size:23px}.directory-empty p{font-size:13px;margin:16px 0 25px}.directory-section{padding-bottom:72px}.directory-local{background:var(--ink);padding:59px 0 63px;color:white}.local-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:100px;align-items:center}.local-grid h2{font-size:32px;margin:15px 0 20px;max-width:400px;line-height:1.55}.local-grid .b-eyebrow{color:#ffb780}.local-grid>div>p{color:#b9c1ce;font-size:13px;line-height:2;max-width:420px}.local-grid .b-button{margin-top:27px;font-size:12px}.local-launch>span{color:#b7bdc7;font-size:10px}.local-launch .launchers{margin-top:12px}.local-launch .launcher>span{color:#b5bfce}.local-launch .launcher>div{background:#2b3952;border-color:#44516a}.local-launch .launcher code{color:#e0e5ee}.local-launch .launcher button{color:#b9c3d0}.local-launch .launcher button:hover{background:#3b4960}.local-launch .copy-status{color:#ffb780}.local-anchor{display:inline-flex;align-items:center;gap:12px;font-size:10px;color:#bdc7d5}.local-anchor .icon{width:13px;height:13px}

.media-dialog{border:0;border-radius:10px;padding:44px 20px 17px;background:#fffdf9;max-width:min(96vw,1600px);max-height:94dvh;overflow:auto;box-shadow:0 30px 100px #0005;color:var(--ink)}.media-dialog::backdrop{background:#172238bb;backdrop-filter:blur(5px)}.media-dialog>button{position:absolute;top:8px;right:10px;background:#eeebe3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.media-dialog>button>.icon{width:16px;height:16px}.media-dialog>img{max-height:76dvh;width:auto;max-width:100%;object-fit:contain}.media-dialog>p{font-size:11px;margin-top:12px}.is-revealing{animation:reveal-in .75s var(--ease) both}@keyframes reveal-in{from{opacity:.35;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

@media(min-width:1600px){.b-container{width:min(1280px,calc(100% - 144px))}.hero-heading h1{font-size:76px}.canvas-image{height:440px}}
@media(max-width:1100px){.b-container{width:calc(100% - 64px)}.header-inner{gap:25px}.site-navigation{gap:22px}.header-actions{gap:18px}.header-inner .b-brand img{width:165px;height:46px}.hero-aside{flex-basis:190px}.hero-bottom{gap:35px}.creation-canvas{grid-template-columns:.95fr 1.35fr;gap:22px}.canvas-copy{padding-left:27px}.canvas-copy h2{font-size:26px}.canvas-image{height:375px}.story{grid-template-columns:185px minmax(0,1fr)}.story-controls{padding-inline:12px}.story-panel{padding:30px 24px;gap:22px}.story-text h3{font-size:21px}.artifact-paper{padding:13px 9px}.artifact-points>div{font-size:8px;gap:6px}.heading-split{gap:45px}.heading-split>p{max-width:370px}.mada-feature{grid-template-columns:1fr 1.2fr;gap:25px}.mada-feature-copy{padding-left:28px}.product-list{gap:20px}.product-list article{gap:10px}.product-list h3{font-size:18px}.product-list .product-icon{width:32px;height:32px}.practice-grid{gap:55px}.mada-hero-head{gap:45px}.workbench-chapter{gap:40px}.mada-ai-section,.start-grid,.local-grid{gap:50px}.mada-feature-list{gap:35px}.directory-card{padding:23px 20px}.directory-card h2{font-size:18px}.footer-main{gap:25px}.footer-main>div{gap:20px}}
@media(max-width:800px){.b-container{width:calc(100% - 48px)}h2{font-size:32px}.header-inner{min-height:74px;gap:18px}.site-navigation{gap:17px}.site-navigation a{font-size:11px}.header-actions{gap:15px}.header-apps{padding:9px 12px;font-size:11px}.header-apps .icon{display:none}.header-inner .b-brand img{width:150px;height:42px}.brand-hero{padding-top:48px}.hero-heading h1{font-size:52px}.hero-aside{display:none}.hero-bottom>.b-intro,.hero-bottom>div:first-child{max-width:610px}.creation-canvas{margin-top:39px;gap:18px}.canvas-copy{padding:28px 0 27px 24px}.canvas-copy h2{font-size:23px}.canvas-copy>p:not(.canvas-label){font-size:11px}.case-constraints{margin-top:18px}.case-constraints>div{font-size:10px;gap:9px}.canvas-image{height:319px}.canvas-image>img{width:146%}.canvas-caption{font-size:8px;padding:8px 12px}.story-section{padding-block:68px}.heading-split{gap:30px}.heading-split>p{font-size:13px;max-width:320px}.story{grid-template-columns:1fr}.story-controls{border-right:0;border-bottom:1px solid var(--line);padding:12px 16px;flex-direction:row;gap:10px;align-items:center}.story-steps{flex:1;flex-direction:row;gap:6px}.story-steps>button{flex:1;justify-content:center;padding:11px 8px;font-size:11px;gap:6px;white-space:nowrap}.story-steps>button>.icon{display:none}.story-play{margin:0;flex-shrink:0}.story-play [data-play-label]{display:none}.story-play{width:34px;height:34px;justify-content:center;border:1px solid #dedbd1;border-radius:5px}.story-panel{padding:30px;gap:35px}.story-text h3{max-width:none}.artifact-points>div{font-size:9px}.products-section{padding-bottom:68px}.mada-feature h3{font-size:22px}.mada-feature p{font-size:11px}.mada-feature-image{height:270px}.mada-feature-image img{width:150%}.product-list{grid-template-columns:1fr}.product-list article{align-items:center;padding-block:14px 21px;gap:20px}.product-list p{max-width:none;font-size:12px;padding-right:10px}.product-list article>a{top:30px}.product-list .product-icon{width:42px;height:42px}.product-list h3{margin-bottom:5px}.product-list article>div:nth-child(2){padding-right:25px}.practice-grid{gap:45px;grid-template-columns:1fr 1.2fr}.practice-grid h2{font-size:30px}.practice-grid>div>p:not(.b-eyebrow){font-size:12px}.practice-notes h3{font-size:18px}.practice-notes article{gap:13px}.practice-notes p{font-size:11px}.ending-inner{gap:18px;flex-wrap:wrap}.ending-symbol{width:38px}.ending-symbol img{width:34px}.ending-inner>div:nth-child(2){flex:1}.ending-inner h2{font-size:24px}.ending-inner p{font-size:11px}.ending-inner>.b-button{margin-left:56px;margin-top:3px}.b-ending{padding-block:45px}.footer-main>.b-brand img{width:140px;height:38px}.footer-main>p{display:none}.footer-main>div{font-size:10px}.footer-bottom{font-size:8px}.mada-hero-head{grid-template-columns:1fr;gap:25px}.mada-hero h1{font-size:52px}.mada-hero-intro>.b-intro{max-width:600px}.mada-main-figure{margin-top:33px;padding:22px 22px 15px}.mada-main-figure img{max-height:none}.mada-facts>div{padding-inline:20px}.mada-facts strong{font-size:12px}.mada-facts span{font-size:10px}.mada-features{padding-block:65px}.mada-feature-list{gap:25px}.mada-feature-list h3{font-size:17px}.mada-feature-list p{font-size:12px}.workbench-section{padding-top:48px}.workbench-chapter{gap:27px;grid-template-columns:.65fr 1.35fr;padding-block:33px 45px}.workbench-copy h2{font-size:23px}.workbench-copy p{font-size:11px}.chapter-number{font-size:34px;margin-bottom:14px}.mada-ai-section{padding-block:60px;grid-template-columns:1fr;gap:30px}.mada-ai-section h2{font-size:31px}.mada-ai-section>div>p:not(.b-eyebrow){max-width:none}.collaboration>div{min-height:145px;padding:18px 25px}.collaboration strong{font-size:12px}.start-grid{grid-template-columns:1fr;gap:32px}.mada-start{padding-block:52px}.start-grid h2{font-size:28px}.apps-hero .heading-split{display:block}.apps-hero h1{font-size:48px}.apps-hero .b-intro{margin-top:20px;max-width:580px}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-filters{gap:3px}.directory-filters button{padding-inline:12px;font-size:11px}.directory-toolbar{column-gap:14px}.directory-count{font-size:9px}.directory-card h2{font-size:20px}.local-grid{gap:40px;grid-template-columns:1fr 1fr}.local-grid h2{font-size:26px}.local-grid>div>p{font-size:12px}.launcher code{font-size:10px}.local-launch .launcher>div{padding-left:10px}.local-launch .launcher>div{gap:3px}}
@media(max-width:640px){html{scroll-padding-top:90px}.b-container{width:calc(100% - 40px)}.header-inner{min-height:70px;gap:12px}.header-inner .b-brand img{width:174px;height:47px}.header-actions{margin-left:auto;gap:17px}.header-apps{display:none}.mobile-toggle{display:inline-flex}.site-navigation{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);padding:8px 20px 18px;border-bottom:1px solid var(--line);box-shadow:0 10px 18px #1e2a4408}.site-navigation a{font-size:14px;padding:12px 4px;border-bottom:1px solid var(--line)}.site-navigation .mobile-app-link{display:block}.site-header.nav-open .site-navigation{display:flex}.no-js .site-navigation{display:flex;position:static;flex-direction:row;flex-wrap:wrap;box-shadow:none;padding:0 0 13px;border:0;flex:0 0 100%;order:3;gap:18px}.no-js .header-inner{flex-wrap:wrap}.no-js .site-navigation a{font-size:11px;padding:5px 0}.no-js .mobile-toggle{display:none}.no-js .header-actions{margin-left:auto}.brand-hero{padding-top:39px}.b-eyebrow{font-size:10px;letter-spacing:.05em;gap:9px}.accent-line{width:18px}.hero-heading h1{font-size:clamp(30px,8.9vw,40px);line-height:1.48;letter-spacing:-.05em;margin-top:20px}.hero-bottom{margin-top:20px}.b-intro{font-size:14px;line-height:1.95}.b-actions{margin-top:23px;gap:13px 22px}.b-button{font-size:12px;min-height:44px;padding:11px 14px;gap:10px}.b-button-quiet{padding-inline:0}.b-button .icon{width:16px;height:16px}.creation-canvas{grid-template-columns:1fr;gap:0;margin-top:34px;border-radius:9px}.canvas-copy{padding:24px 22px 21px}.canvas-label{font-size:9px}.canvas-product{margin-top:17px;font-size:10px}.canvas-copy h2{font-size:25px;line-height:1.6;margin-top:8px}.canvas-copy h2>span{display:inline}.canvas-copy>p:not(.canvas-label){font-size:12px;max-width:none;margin-top:10px}.case-constraints{display:flex;gap:12px;margin-top:22px;border-top:1px solid #ded3c1;padding-top:13px}.case-constraints>div{border:0;display:block;padding:0;flex:1;font-size:10px}.case-constraints>div>span{display:block;font-size:8px;margin-bottom:4px}.case-constraints .icon{display:none}.case-constraints strong{font-size:10px;white-space:nowrap}.canvas-image{height:226px;padding-top:0;margin-left:22px;align-self:auto}.canvas-index{display:none}.canvas-image>img{width:112%;border-radius:5px 0 0}.canvas-caption{font-size:8px;line-height:1.8;padding:8px 10px}.hero-footnote{font-size:8px;gap:12px;padding-block:16px}.hero-footnote>a{font-size:0;gap:0}.hero-footnote .icon{width:14px;height:14px}.story-section{padding-block:56px}.section-heading{padding-bottom:26px}.section-heading .b-eyebrow{margin-bottom:15px}.heading-split{display:block}.heading-split h2{font-size:29px;line-height:1.55}.heading-split>p{max-width:none;margin-top:19px;font-size:13px;line-height:1.95}.story{border-radius:8px}.story-controls{padding:9px 10px;gap:8px}.story-steps{gap:3px}.story-steps>button{font-size:10px;gap:5px;padding:11px 6px}.story-steps .step-index{font-size:8px}.story-play{width:30px;height:32px}.story-panel{grid-template-columns:1fr;gap:27px;padding:25px 23px 23px;min-height:0}.story-role{font-size:9px}.story-text h3{font-size:21px;margin:9px 0 13px;line-height:1.6}.story-text>p{font-size:12px;line-height:2}.story-text blockquote{margin-top:18px;font-size:10px;line-height:1.95}.story-artifact{padding:12px;transform:rotate(-.6deg);max-width:340px;width:100%;margin-inline:auto}.artifact-paper{padding:16px 15px}.artifact-top{font-size:8px}.artifact-points>div{font-size:10px}.artifact-heading{font-size:13px}.artifact-tabs{font-size:9px}.artifact-points>div{padding:10px 0}.artifact-note{font-size:7px}.story-bottom{padding:12px 14px;font-size:8px;gap:12px}.story-bottom>span:first-child{max-width:230px}.story-progress{max-width:45px;min-width:28px}.story-bottom>span:last-child{font-size:8px}.products-section{padding-bottom:55px}.mada-feature{grid-template-columns:1fr;gap:0;border-radius:8px}.mada-feature-copy{padding:26px 24px}.product-wordmark{font-size:28px}.mada-feature h3{font-size:24px;line-height:1.5;max-width:280px;margin-top:23px}.mada-feature p{font-size:12px;max-width:none;margin-top:14px;margin-bottom:21px}.mada-feature-image{height:202px;margin-left:24px;align-self:auto}.mada-feature-image img{width:115%;border-radius:6px 0 0}.product-list{gap:0;margin-top:17px}.product-list article{gap:16px;padding:20px 0}.product-list .product-icon{width:36px;height:36px;align-self:flex-start}.product-list h3{font-size:19px}.product-label{font-size:9px}.product-list p{font-size:11px}.product-list article>a{top:29px}.section-link{font-size:11px;margin-top:23px}.practice-section{padding-block:44px}.practice-grid{grid-template-columns:1fr;gap:30px}.practice-grid h2{font-size:29px;line-height:1.5;margin-block:16px 19px}.practice-grid>div>p:not(.b-eyebrow){font-size:13px;max-width:none}.practice-notes article{gap:17px;padding-bottom:23px}.practice-notes article+article{padding-top:23px}.practice-notes h3{font-size:19px;line-height:1.6}.practice-notes p{font-size:12px}.b-ending{padding-block:36px}.ending-inner{gap:16px}.ending-inner>div:nth-child(2){flex-basis:calc(100% - 54px)}.ending-inner h2{font-size:23px;line-height:1.5}.ending-inner p{font-size:11px;line-height:1.9}.ending-inner>.b-button{margin-left:54px;margin-top:3px}.site-footer{padding-top:30px}.footer-main{flex-wrap:wrap;gap:22px}.footer-main>.b-brand img{width:145px;height:40px}.footer-main>div{margin:0;gap:22px;font-size:10px;flex-basis:100%}.footer-bottom{display:flex;flex-direction:column;gap:8px;margin-top:24px;padding-top:18px;font-size:8px;line-height:1.8}.mada-hero-head{gap:24px}.mada-hero h1{font-size:clamp(33px,9.7vw,42px);line-height:1.5;letter-spacing:-.05em;margin-top:20px}.mada-hero-intro>.feature-status{font-size:9px;margin-bottom:12px}.mada-hero-intro>.b-intro{font-size:14px}.mada-main-figure{padding:12px 12px 11px;border-radius:7px;margin-top:30px}.mada-main-figure .product-image{border-radius:4px}.mada-main-figure figcaption{font-size:8px;line-height:1.9;margin-top:9px}.image-expand{opacity:1;transform:none;width:25px;height:25px;right:7px;bottom:7px}.image-expand .icon{width:13px;height:13px}.mada-facts{padding-block:21px;gap:15px}.mada-facts>div{padding:0;border:0}.mada-facts strong{font-size:11px}.mada-facts span{font-size:9px;line-height:1.8}.mada-features{padding-block:49px}.mada-feature-list{grid-template-columns:1fr;gap:24px}.mada-feature-list article{position:relative;padding-left:55px}.mada-feature-list .product-icon{position:absolute;left:0;top:2px;width:35px;height:35px}.mada-feature-list h3{font-size:18px;margin:0 0 10px}.mada-feature-list p{font-size:12px}.workbench-section{padding-top:35px;padding-bottom:0}.workbench-chapter{grid-template-columns:1fr;gap:24px;padding-block:28px 34px}.workbench-chapter+.workbench-chapter{padding-top:33px}.workbench-copy{padding-left:48px}.chapter-number{position:absolute;left:0;top:2px;font-size:29px;margin:0}.workbench-copy h2{font-size:24px;line-height:1.5;margin:7px 0 13px;max-width:285px}.workbench-copy p{font-size:12px;max-width:none}.product-figure figcaption{font-size:8px;margin-top:9px}.mada-ai-section{padding-block:47px;gap:28px}.mada-ai-section h2{font-size:29px;line-height:1.55;margin-block:16px 20px}.mada-ai-section>div>p:not(.b-eyebrow){font-size:12px}.collaboration{gap:5px}.collaboration>div{min-height:142px;padding:13px 11px;gap:18px}.collaboration>div>span{font-size:8px}.collaboration>div>.icon{width:19px;height:19px}.collaboration strong{font-size:9px;line-height:1.8}.collaboration-arrow>.icon{width:11px;height:11px}.collaboration>p{font-size:8px;margin-top:9px}.mada-start{padding-block:38px}.start-grid{gap:25px}.start-grid h2{font-size:26px;line-height:1.55;margin-top:15px}.start-grid>div>p:not(.b-eyebrow):not(.copy-status){font-size:12px}.launcher>span{font-size:10px}.launcher code{font-size:10px}.launcher>div{padding:9px 8px 9px 11px;gap:5px}.start-grid .start-note{font-size:9px!important}.mada-faq summary{font-size:12px;padding-block:17px;gap:12px}.mada-faq details>p{font-size:11px;padding-bottom:17px}.apps-hero{padding-bottom:29px}.apps-hero>.b-eyebrow{margin-bottom:20px}.apps-hero h1{font-size:clamp(32px,9.2vw,40px);line-height:1.5;letter-spacing:-.05em}.apps-hero .b-intro{font-size:14px;margin-top:20px;line-height:1.95}.directory-toolbar{gap:17px 0;padding-block:21px}.directory-search{max-width:none;padding:10px 12px;gap:9px}.directory-search input{font-size:12px;min-height:24px}.directory-search>.icon{width:16px;height:16px}.directory-filters{gap:5px;flex-wrap:wrap}.directory-filters button{padding:7px 10px;font-size:10px}.directory-count{font-size:9px;flex:0 0 100%;text-align:right;margin-top:-3px}.directory-grid{grid-template-columns:1fr;gap:13px}.directory-card{padding:22px;border-radius:7px}.directory-card-top{margin-bottom:16px}.directory-icon{width:40px;height:40px;border-radius:8px}.directory-icon>img{width:22px;height:29px}.directory-icon>.icon{width:21px;height:21px}.availability{font-size:9px}.directory-card h2{font-size:21px;margin-bottom:11px}.directory-card>p{font-size:12px;max-width:none}.directory-note{font-size:9px;margin-top:12px}.directory-card-action{padding-top:19px}.app-info summary,.app-visit{font-size:11px}.directory-section{padding-bottom:42px}.directory-empty{padding-block:45px}.directory-empty h2{font-size:21px}.directory-empty p{font-size:12px}.directory-local{padding-block:35px}.local-grid{grid-template-columns:1fr;gap:30px}.local-grid h2{font-size:27px;line-height:1.6;margin-block:14px 17px}.local-grid>div>p{font-size:12px}.local-grid .b-button{font-size:11px;margin-top:22px}.local-launch>span{font-size:9px}.local-launch .launcher>span{font-size:9px}.local-anchor{font-size:9px}.media-dialog{padding:40px 10px 12px;max-width:97vw;border-radius:7px}.media-dialog>p{font-size:10px}}
@media(max-width:360px){.header-inner .b-brand img{width:154px;height:43px}.header-actions{gap:12px}.mobile-toggle{width:35px;height:35px}.b-container{width:calc(100% - 32px)}.b-actions{gap:12px 16px}.b-button{font-size:11px;gap:8px;padding-inline:12px}.b-button-quiet{padding-inline:0}.hero-heading h1{font-size:31px}.story-steps>button{font-size:9px;padding-inline:4px}.story-panel{padding-inline:19px}.directory-filters{gap:1px}.directory-filters button{padding-inline:8px}.mada-hero h1{font-size:33px}}
.mechanism{margin:0;padding:35px 38px 20px;min-height:310px;background:#eae6dc;border:1px solid #ddd7ca;border-radius:8px}.project-root{position:relative;margin:0 auto 45px;display:flex;align-items:center;gap:15px;padding:17px 20px;background:var(--paper);border:1px solid #d6ccbb;border-radius:8px;max-width:330px;z-index:1}.project-root:after{content:"";position:absolute;height:25px;bottom:-26px;width:1px;background:#b9a68d;left:50%}.project-root>.icon{width:29px;height:29px;color:#b77c40}.project-root strong{display:block;font-size:15px;font-weight:600}.project-root span{font-size:10px;color:#8e877b}.project-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;position:relative;margin-top:23px}.project-branches:before{position:absolute;content:"";height:1px;top:-21px;left:16.666%;right:16.666%;background:#b9a68d}.project-branches>div{position:relative;display:flex;flex-direction:column;gap:16px;align-items:center;padding:18px 10px;background:#f8f6ef;border:1px solid #dcd3c4;border-radius:7px}.project-branches>div:before{content:"";position:absolute;height:20px;top:-21px;width:1px;background:#b9a68d;left:50%}.project-branches .icon{color:#98734a;width:23px;height:23px}.project-branches strong{font-size:10px;font-weight:550;text-align:center}.mechanism-projects>p{text-align:center;font-size:11px;color:#90836e;margin-top:23px}.mechanism figcaption{font-size:8px;color:#a09380;text-align:center;margin-top:20px}.record-heading{display:flex;align-items:center;gap:13px;font-size:14px;font-weight:500;margin-bottom:23px}.record-heading>.icon{color:#9c7546}.record-heading strong{font-weight:550}.record-thread{position:relative;display:flex;flex-direction:column;gap:13px}.record-thread:before{content:"";position:absolute;left:14px;top:14px;bottom:18px;width:1px;background:#baa88b}.record-thread>div{display:flex;align-items:center;gap:15px;position:relative}.record-thread>div>span{font-size:9px;display:grid;place-items:center;width:29px;height:29px;border:1px solid #bbaa90;border-radius:50%;background:#eae6dc;color:#907a5d;flex-shrink:0}.record-thread>div>div{flex:1;background:#f8f6ef;padding:11px 17px;border:1px solid #ded6c7;border-radius:5px}.record-thread strong{font-size:12px;font-weight:550}.record-thread p{font-size:10px;color:#989183;margin-top:3px}.record-thread>div>.icon{color:#9c896c;width:18px;height:18px}
@media(max-width:800px){.mechanism{padding:25px 24px 17px;min-height:280px}.project-root{padding:13px 15px}.project-root strong{font-size:13px}.project-root span{font-size:9px}.project-branches{gap:10px}.project-branches strong{font-size:9px}.record-heading{font-size:12px}.record-thread>div{gap:12px}}
@media(max-width:640px){.mechanism{padding:23px 20px 17px;min-height:0}.project-root{padding:14px 16px;max-width:270px}.project-root strong{font-size:13px}.project-branches{gap:11px}.project-branches>div{padding:16px 7px;gap:12px}.project-branches strong{font-size:9px}.mechanism-projects>p{font-size:10px;margin-top:21px}.mechanism figcaption{font-size:8px;margin-top:16px}.record-thread strong{font-size:11px}.record-thread p{font-size:9px}.record-thread>div>div{padding:10px 13px}}
/* Supporting copy must remain readable alongside the larger editorial titles. */
.site-navigation a{font-size:14px}.locale-switch{display:grid;place-items:center;min-width:30px;min-height:44px}.canvas-copy>p:not(.canvas-label){font-size:14px}.canvas-product,.canvas-label,.case-constraints>div{font-size:12px}.canvas-caption{font-size:11px}.hero-footnote{font-size:11px}.hero-aside>span{font-size:12px}.hero-aside p{font-size:14px}.story-steps>button{font-size:14px}.story-role{font-size:12px}.story-text h3{font-size:25px}.story-text>p{font-size:14px}.story-text blockquote{font-size:12px}.story-play{font-size:12px}.story-bottom{font-size:11px}.artifact-note{font-size:10px}.artifact-top{font-size:10px}.artifact-points>div{font-size:11px}.artifact-tabs{font-size:10px}.artifact-consumers{font-size:10px}.product-label,.feature-status{font-size:12px}.mada-feature h3>span{display:block}.mada-feature h3{max-width:360px}.mada-feature p{font-size:14px}.mada-feature .text-action{font-size:14px}.product-list p{font-size:14px}.section-link{font-size:14px}.practice-notes p{font-size:14px}.note-number{font-size:12px}.ending-inner p{font-size:14px}.footer-main>p,.footer-main>div{font-size:12px}.footer-bottom{font-size:10px}.mada-facts strong{font-size:15px}.mada-facts span{font-size:13px}.mada-feature-list p,.workbench-copy p,.mada-ai-section>div>p:not(.b-eyebrow){font-size:15px}.product-figure figcaption,.workbench-chapter .product-figure figcaption{font-size:11px}.collaboration strong{font-size:12px}.collaboration>p{font-size:11px}.start-grid>div>p:not(.b-eyebrow):not(.copy-status){font-size:15px}.launcher>span{font-size:12px}.launcher code{font-size:12px}.launcher button{min-width:36px;min-height:36px}.start-grid .start-note{font-size:12px!important}.mada-faq summary{font-size:15px}.mada-faq details>p{font-size:14px}.directory-search input{font-size:14px}.directory-filters button{font-size:13px}.directory-count{font-size:12px}.directory-card>p{font-size:14px}.directory-note{font-size:12px}.availability{font-size:11px}.app-info summary,.app-visit{font-size:13px}.app-info>div{font-size:12px}.app-info>div>span,.app-info code{font-size:11px}.local-grid>div>p{font-size:14px}.local-launch>span,.local-launch .launcher>span{font-size:12px}.local-anchor{font-size:12px}.mechanism figcaption{font-size:10px}.project-branches strong{font-size:12px}.record-thread strong{font-size:14px}.record-thread p{font-size:12px}.mechanism-projects>p{font-size:12px}.copy-status{font-size:12px}.media-dialog>button{width:40px;height:40px;top:4px;right:5px}.media-dialog>p{font-size:12px}.media-dialog{padding-top:48px}
@media(max-width:1100px) and (min-width:641px){.site-navigation a{font-size:12px}.story-controls{padding-inline:10px}.story-steps>button{font-size:12px}.story-panel{gap:25px}.canvas-copy h2{font-size:26px}.mada-feature h3{font-size:24px}}
@media(max-width:640px){.site-navigation a{font-size:14px}.mobile-toggle{width:44px;height:44px}.canvas-copy h2>span{display:block}.canvas-copy>p:not(.canvas-label){font-size:13px}.canvas-label,.canvas-product{font-size:10px}.case-constraints>div>span{font-size:10px}.case-constraints strong{font-size:12px}.canvas-caption{font-size:10px}.hero-footnote{font-size:10px}.hero-footnote>a{font-size:0}.story-steps>button{font-size:11px;min-height:44px}.story-play{width:38px;height:44px}.story-text h3{font-size:23px}.story-text>p{font-size:14px}.story-text blockquote{font-size:12px}.story-role{font-size:11px}.story-bottom{font-size:10px}.story-bottom>span:first-child{max-width:210px}.story-bottom>span:last-child{font-size:9px}.artifact-points>div{font-size:11px}.artifact-note{font-size:9px}.artifact-top,.artifact-tabs,.artifact-consumers{font-size:10px}.mada-feature p{font-size:14px}.product-label,.feature-status{font-size:11px}.product-list p{font-size:13px}.practice-notes p{font-size:13px}.ending-inner p{font-size:13px}.footer-main>div{font-size:12px}.footer-bottom{font-size:10px}.mada-facts strong{font-size:12px}.mada-facts span{font-size:11px}.mada-feature-list p,.workbench-copy p,.mada-ai-section>div>p:not(.b-eyebrow){font-size:14px}.product-figure figcaption,.workbench-chapter .product-figure figcaption{font-size:10px}.collaboration strong{font-size:10px}.collaboration>p{font-size:10px}.start-grid>div>p:not(.b-eyebrow):not(.copy-status){font-size:14px}.launcher>span{font-size:11px}.launcher code{font-size:11px}.start-grid .start-note{font-size:11px!important}.mada-faq summary{font-size:14px}.mada-faq details>p{font-size:13px}.directory-search input{font-size:13px}.directory-filters{flex-wrap:nowrap;overflow-x:auto;max-width:100%;width:100%;gap:3px;scrollbar-width:thin}.directory-filters button{font-size:11px;min-height:44px;padding-inline:8px;flex-shrink:0}.directory-count{font-size:11px}.directory-card>p{font-size:14px}.directory-note,.availability{font-size:11px}.app-info summary,.app-visit{font-size:13px;min-height:44px}.app-info>div{font-size:12px}.local-grid>div>p{font-size:14px}.local-launch>span,.local-launch .launcher>span{font-size:11px}.local-anchor{font-size:11px}.project-branches strong{font-size:10px}.record-thread strong{font-size:12px}.record-thread p{font-size:11px}.mechanism-projects>p{font-size:11px}.mechanism figcaption{font-size:10px}}
/* Product discovery, Starter and resources use the same brand, with task-specific layouts. */
.extended-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:90px;padding-top:67px;padding-bottom:65px;align-items:center}
.extended-hero h1{font-size:56px;line-height:1.4;letter-spacing:-.045em;margin:24px 0}
.extended-hero .b-intro{font-size:16px;max-width:625px}.extended-hero .b-actions{gap:22px}
.extended-section{padding-block:80px}.product-index{padding:29px 30px 23px;background:var(--cream);border:1px solid #ecdfcb;border-radius:9px;transform:rotate(-1deg)}
.product-index>p{font-size:12px;color:#907358;margin-bottom:17px}.product-index>a{display:grid;grid-template-columns:23px 1fr auto;gap:5px 13px;align-items:center;padding:15px 0;border-bottom:1px solid #e7dccb;transition:color .2s}
.product-index>a:hover{color:var(--ochre)}.product-index>a>span{font-size:10px;color:#a18b70;grid-row:1/3}.product-index strong{font-size:20px;font-weight:600}.product-index small{font-size:12px;grid-column:2;color:#7c7e7f}.product-index .icon{grid-column:3;grid-row:1/3;width:17px;height:17px}.index-note{display:block;font-size:11px;color:#8e8272;margin-top:20px}
.product-explore{border-top:1px solid var(--line)}.product-explorer{display:grid;grid-template-columns:350px minmax(0,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white}
.explorer-options{display:flex;flex-direction:column;background:var(--soft);padding:15px;gap:7px}.explorer-options>button{display:flex;align-items:center;gap:15px;text-align:left;background:transparent;padding:21px 18px;border-radius:6px;min-height:92px;transition:background .25s,color .25s}
.option-number{font-size:11px;color:#90928e;align-self:flex-start;margin-top:7px}.option-copy{min-width:0}.option-copy strong{display:block;font-size:19px;font-weight:600}.option-copy small{display:block;font-size:12px;color:#747f8b;line-height:1.7;margin-top:5px}.explorer-options>button>.icon{width:17px;height:17px;margin-left:auto;opacity:0;transition:opacity .25s,transform .25s}
.explorer-options>button[aria-pressed=true]{background:var(--ink);color:white}.explorer-options>button[aria-pressed=true] .option-number{color:#ffc797}.explorer-options>button[aria-pressed=true] small{color:#c3c9d2}.explorer-options>button[aria-pressed=true]>.icon{opacity:1}.explorer-stage{min-width:0}.explorer-panel{padding:39px 43px 30px;min-width:0}.explorer-panel-top{display:flex;align-items:center;gap:16px}.explorer-panel-top .product-icon{width:36px;height:36px}.panel-counter{font-size:10px;letter-spacing:.08em;color:#a4a39e;margin-left:auto}.explorer-panel h3{font-size:30px;line-height:1.6;margin:22px 0 15px;max-width:490px}.explorer-panel>p{font-size:15px;line-height:2;max-width:560px}
.capability-list{list-style:none;padding:0;margin:25px 0 30px;display:flex;flex-wrap:wrap;gap:12px 23px}.capability-list li{display:flex;align-items:center;gap:8px;font-size:12px}.capability-list .icon{width:14px;height:14px;color:var(--ochre)}.explorer-panel-bottom{border-top:1px solid var(--line);padding-top:19px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}.explorer-panel-bottom>span{font-size:11px;color:#7d838a;line-height:1.9}.explorer-panel.is-entering{animation:scene-enter .4s var(--ease)}
.product-relations{padding-block:75px;background:#f1eee6}.relations-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:115px;align-items:start}.relations-grid h2{font-size:38px;line-height:1.5;margin:22px 0 25px}.relations-grid>div>p:not(.b-eyebrow){font-size:15px;line-height:2;max-width:500px}.relation-notes article{padding:20px 0 23px;border-top:1px solid #dcd7cb}.relation-notes h3{font-size:21px;margin-bottom:12px}.relation-notes p{font-size:14px;line-height:2}.relation-notes>span{display:block;font-size:10px;color:#969080;margin-top:12px}.product-route-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:55px;border-top:1px solid #dcd7cb}.product-route-index a{display:grid;grid-template-columns:1fr auto;gap:8px;padding:24px 20px 0 0}.product-route-index a>span:first-child{grid-column:1/-1;font-size:10px;color:#a19888}.product-route-index strong{font-size:17px;font-weight:600}.product-route-index a>span:nth-last-child(2){grid-column:1;font-size:12px;color:#7f7e77}.product-route-index .icon{grid-column:2;grid-row:2/4;width:17px;height:17px;align-self:center}
.starter-hero{padding-bottom:32px;grid-template-columns:1fr 260px;gap:60px;align-items:end}.starter-hero .b-intro{max-width:660px}.starter-side-note{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end;padding-bottom:15px;font-size:11px;color:#91816a;text-align:right}.starter-tech{flex-basis:100%;font-size:11px;color:#92969d}.starter-main-figure{margin:0;padding:16px 16px 13px;border:1px solid #e2d7c6;background:#ede5d8;border-radius:10px}.starter-main-figure .product-image{width:100%;border-radius:5px;overflow:hidden;background:white}.starter-main-figure img{width:100%;height:auto}.starter-main-figure figcaption{font-size:11px;margin-top:11px;color:#847867}.starter-screen>.mada-facts{padding-bottom:27px}.starter-explorer{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:white}.starter-explorer>.explorer-options{flex-direction:row;padding:10px 16px;border-bottom:1px solid var(--line);gap:9px}.starter-explorer .explorer-options>button{min-height:62px;flex:1;padding:13px 20px}.starter-explorer .option-copy strong{font-size:15px}.starter-explorer .option-number{align-self:center;margin-top:0}.starter-explainer{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:39px 43px;align-items:center}.starter-explainer h3{font-size:27px;line-height:1.65;margin:18px 0 15px}.starter-explainer-copy>p{font-size:15px;line-height:2}.starter-concept{padding:24px;background:var(--cream);border:1px solid #eadfcf;border-radius:8px;min-width:0}.concept-name{display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:600;padding-bottom:20px;border-bottom:1px solid #eadfcf}.concept-name>span{font-size:11px;color:#a38e73}.starter-concept>div{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #eadfcf}.starter-concept>div>span{display:grid;place-items:center;width:30px;height:30px;color:#ac6b35}.starter-concept strong{font-size:14px;font-weight:550}.starter-concept>small{display:block;font-size:10px;color:#8d8171;margin-top:20px;line-height:1.9}
.starter-path{padding-block:70px;background:#f1eee6}.path-intro{font-size:15px;line-height:2;margin-top:45px}.starter-next-steps{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px}.starter-next-steps li{border-top:1px solid #d7d3c9;padding-top:25px}.starter-next-steps li>span{font-size:11px;color:#9b7753}.starter-next-steps h3{font-size:23px;margin:20px 0 13px}.starter-next-steps p{font-size:14px;line-height:2}.starter-boundary{display:grid;grid-template-columns:1fr 1fr;gap:95px}.boundary-copy h2{font-size:27px;line-height:1.6;margin:22px 0 23px}.boundary-copy>p:not(.b-eyebrow){font-size:14px;line-height:2}
.resources-hero{grid-template-columns:minmax(0,1.65fr) minmax(0,.7fr);border-bottom:1px solid var(--line)}.resources-hero h1{font-size:52px}.resource-mark{justify-self:end;width:240px;min-height:260px;border:1px solid #e5d7bf;border-radius:6px;padding:35px 30px;background:#f2e9d7;transform:rotate(3deg);box-shadow:8px 8px 0 #f8f2e7;display:flex;flex-direction:column;justify-content:space-between;gap:35px}.resource-mark>.icon{width:58px;height:58px;color:#9b7547;stroke-width:1}.resource-mark>span{font-size:16px;line-height:2;color:#837154}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.guide-grid article{border-top:1px solid var(--line);padding-top:30px;position:relative}.guide-grid .product-icon{position:absolute;right:0;top:25px}.guide-grid h3{font-size:27px;margin:20px 0 16px;padding-right:45px}.guide-grid p{font-size:15px;line-height:2;max-width:440px}.guide-links{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:27px}.guide-links .text-action{font-size:13px}.resource-library{background:#f5f3ed;padding-block:65px}.resource-list article{display:flex;gap:25px;align-items:center;padding:30px 0;border-top:1px solid #dfdbd1}.resource-list article:last-child{border-bottom:1px solid #dfdbd1}.resource-number{font-size:11px;color:#aaa18f;align-self:flex-start;margin-top:6px}.resource-list .product-icon{align-self:flex-start;background:#ede8de}.resource-description{flex:1;min-width:0;padding-right:35px}.resource-description h3{font-size:24px;margin:5px 0 10px}.resource-description p{font-size:14px;max-width:510px;line-height:1.9}.resource-action{display:flex;flex-direction:column;align-items:flex-end;gap:25px;min-width:185px}.resource-action .text-action{font-size:13px}.cli-resource{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.cli-resource h2{font-size:37px;line-height:1.5;margin:22px 0 25px}.cli-resource>div>p:not(.b-eyebrow){font-size:15px;line-height:2}.cli-resource .b-button{margin-top:15px}.cli-example{margin:0;background:#222e43;color:#e9e9e3;border-radius:8px;overflow:hidden;min-width:0}.cli-example>figcaption{padding:17px 25px;border-bottom:1px solid #ffffff20;font-size:11px;color:#bbc2cc}.cli-example>div{padding:23px 25px 0}.cli-example>div>span{font-size:11px;color:#e4b68c;display:block;margin-bottom:8px}.cli-example code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/2 Consolas,monospace}.cli-example code>span{color:#ffad71}.cli-example>p{font-size:11px;line-height:2;color:#aab3c1;padding:24px 25px}.review-toolbar nav{flex-wrap:wrap}
.no-js [data-switch-panel][hidden]{display:block!important}.no-js [data-switch-panel]+[data-switch-panel]{border-top:1px solid var(--line)}.no-js .explorer-options{display:none}.no-js .product-explorer{grid-template-columns:1fr}
@media(max-width:1100px){.extended-hero{gap:45px}.extended-hero h1{font-size:46px}.product-explorer{grid-template-columns:285px minmax(0,1fr)}.explorer-options>button{padding-inline:13px}.option-copy strong{font-size:17px}.option-copy small{font-size:11px}.explorer-panel{padding:30px}.explorer-panel h3{font-size:26px}.relations-grid{gap:60px}.starter-explainer{gap:30px}.starter-boundary{gap:50px}.resources-hero h1{font-size:44px}.resource-mark{width:205px;min-height:240px}.cli-resource{gap:40px}.cli-resource h2{font-size:32px}}
@media(max-width:800px){.extended-hero{grid-template-columns:1fr;gap:30px;padding-top:45px;padding-bottom:40px}.extended-hero h1{font-size:44px}.product-index{transform:none;padding:20px 25px}.product-index>a{grid-template-columns:24px 1fr 1fr auto;gap:12px}.product-index>a>span{grid-row:1}.product-index small{grid-column:3}.product-index .icon{grid-column:4;grid-row:1}.extended-section{padding-block:55px}.product-explorer{grid-template-columns:240px minmax(0,1fr)}.explorer-options>button{gap:9px}.explorer-panel{padding:25px}.explorer-panel h3{font-size:23px}.explorer-panel>p{font-size:14px}.capability-list{display:grid}.relations-grid{gap:35px}.relations-grid h2{font-size:30px}.relations-grid>div>p:not(.b-eyebrow){font-size:14px}.relation-notes h3{font-size:19px}.product-route-index{grid-template-columns:1fr 1fr;gap:20px}.starter-hero{gap:20px}.starter-side-note{justify-content:flex-start;text-align:left;padding:0}.starter-tech{flex-basis:auto;margin-left:auto}.starter-explainer{grid-template-columns:1fr 1fr;gap:25px}.starter-explainer h3{font-size:23px}.starter-concept{padding:18px}.starter-explainer-copy>p{font-size:14px}.starter-next-steps{gap:30px}.starter-next-steps h3{font-size:21px}.starter-boundary{gap:35px}.boundary-copy h2{font-size:24px}.resource-mark{display:none}.guide-grid{gap:35px}.guide-grid h3{font-size:24px}.guide-grid p{font-size:14px}.resource-list article{gap:18px}.resource-description{padding-right:10px}.resource-description h3{font-size:22px}.resource-action{min-width:150px}.resource-action .text-action{font-size:12px}.cli-resource{gap:30px}}
@media(max-width:640px){.extended-hero{padding-top:38px;padding-bottom:36px;gap:30px}.extended-hero h1,.resources-hero h1{font-size:clamp(29px,8.2vw,36px);line-height:1.55;margin:20px 0}.extended-hero .b-intro{font-size:14px;line-height:2}.extended-hero .b-actions{gap:20px;margin-top:23px}.product-index{padding:20px 22px;border-radius:7px}.product-index>p{font-size:11px;margin-bottom:7px}.product-index>a{grid-template-columns:20px 1fr auto;padding-block:14px;gap:3px 10px}.product-index strong{font-size:19px}.product-index small{font-size:12px;grid-column:2}.product-index>a>span{grid-row:1/3;margin-top:5px}.product-index .icon{grid-column:3;grid-row:1/3}.index-note{font-size:11px;line-height:1.9;margin-top:16px}.extended-section{padding-block:44px}.product-explorer{grid-template-columns:1fr;border-radius:7px}.explorer-options{display:grid;grid-template-columns:1fr 1fr;padding:9px;gap:6px;border-bottom:1px solid var(--line)}.explorer-options>button{padding:12px 10px;min-height:88px;align-items:flex-start;gap:8px}.option-copy strong{font-size:16px}.option-copy small{font-size:10px;line-height:1.8;margin-top:3px}.option-number{font-size:9px;margin-top:5px}.explorer-options>button>.icon{display:none}.explorer-panel{padding:25px 23px}.explorer-panel h3{font-size:24px;line-height:1.65;margin:19px 0 15px}.explorer-panel>p{font-size:14px;line-height:2}.explorer-panel-top{gap:13px}.explorer-panel-top .product-label{font-size:11px}.panel-counter{font-size:9px}.capability-list{margin:21px 0;gap:10px}.capability-list li{font-size:12px}.explorer-panel-bottom{gap:15px;padding-top:16px}.explorer-panel-bottom>span{font-size:11px}.explorer-panel-bottom .text-action{font-size:13px;min-height:35px}.product-relations{padding-block:42px}.relations-grid{grid-template-columns:1fr;gap:26px}.relations-grid h2{font-size:29px;margin:17px 0 20px}.relations-grid>div>p:not(.b-eyebrow){font-size:14px}.relation-notes article{padding:20px 0}.relation-notes p{font-size:13px}.relation-notes>span{font-size:10px;line-height:1.9}.product-route-index{margin-top:30px;gap:15px 20px}.product-route-index a{padding:20px 0 0}.product-route-index strong{font-size:17px}.product-route-index a>span:nth-last-child(2){font-size:11px}.starter-hero{padding-bottom:25px;gap:22px}.starter-hero h1{font-size:clamp(29px,8.4vw,37px)}.starter-side-note{font-size:10px;line-height:1.8}.starter-tech{flex-basis:100%;margin:0;font-size:10px}.starter-main-figure{padding:10px;border-radius:7px}.starter-main-figure figcaption{font-size:10px;line-height:1.9;margin-top:10px}.starter-screen>.mada-facts{padding-block:21px;gap:17px}.starter-screen .mada-facts span{font-size:11px}.starter-explorer>.explorer-options{padding:8px;gap:3px;display:flex}.starter-explorer .explorer-options>button{padding:10px 7px;min-height:55px;gap:5px;align-items:center;justify-content:center}.starter-explorer .option-copy strong{font-size:11px;line-height:1.8}.starter-explorer .option-number{display:none}.starter-explainer{grid-template-columns:1fr;gap:24px;padding:25px 23px}.starter-explainer h3{font-size:24px;margin:16px 0 14px}.starter-explainer-copy>p{font-size:14px}.starter-concept{padding:20px}.concept-name{font-size:17px;padding-bottom:16px}.starter-concept>div{padding:12px 0;gap:12px}.starter-concept strong{font-size:13px}.starter-concept>small{font-size:10px}.starter-path{padding-block:43px}.path-intro{margin:0;font-size:14px}.starter-next-steps{grid-template-columns:1fr;gap:23px;margin-top:30px}.starter-next-steps li{padding-top:18px;position:relative;padding-left:38px}.starter-next-steps li>span{position:absolute;left:0;top:25px}.starter-next-steps h3{font-size:21px;margin:0 0 10px}.starter-next-steps p{font-size:13px}.starter-boundary{grid-template-columns:1fr;gap:25px}.boundary-copy h2{font-size:24px;margin:17px 0 20px}.boundary-copy>p:not(.b-eyebrow){font-size:13px;line-height:2}.guide-grid{grid-template-columns:1fr;gap:32px}.guide-grid article{padding-top:24px}.guide-grid .product-icon{width:33px;height:33px;top:20px}.guide-grid h3{font-size:23px;line-height:1.6;margin:17px 0 13px;padding-right:20px}.guide-grid p{font-size:14px}.guide-links{gap:15px;margin-top:22px}.guide-links .text-action{font-size:13px;min-height:29px}.resource-library{padding-block:43px}.resource-list article{display:grid;grid-template-columns:30px 1fr;gap:15px 17px;padding:25px 0}.resource-number{display:none}.resource-list .product-icon{width:30px;height:30px;margin-top:4px}.resource-description{padding:0}.resource-description h3{font-size:23px;margin:7px 0 11px}.resource-description p{font-size:13px;line-height:2}.resource-description .product-label{font-size:10px}.resource-action{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;min-width:0}.resource-action .availability{font-size:10px}.resource-action .text-action{font-size:11px;gap:8px;min-height:44px;text-align:right}.resource-action .icon{width:15px;height:15px}.cli-resource{grid-template-columns:1fr;gap:25px}.cli-resource h2{font-size:29px;margin:17px 0 20px}.cli-resource>div>p:not(.b-eyebrow){font-size:14px}.cli-example>figcaption{font-size:10px;line-height:1.9;padding:16px 20px}.cli-example>div{padding:20px 20px 0}.cli-example code{font-size:11px;line-height:2}.cli-example>p{font-size:10px;line-height:2;padding:22px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.story-play{display:none}.product-image:hover>img{transform:none}}