:root{--case-ink:#15191d;--case-muted:#60676d;--case-line:#dce0e3;--case-surface:#f1f3f4;--case-dark:#101315} body{color:var(--case-ink);background:#fff} .site-header{height:68px;padding:0 57.6px;border-color:var(--case-line);background:#ffffffed} .wordmark{font-weight:650;font-size:21px}.wordmark span{font-size:7px;font-weight:450;letter-spacing:1.9px} .site-header nav{gap:26px;font-size:11px}.site-header nav a{color:var(--case-muted);padding:24px 0}.site-header nav a.active{font-weight:600}.site-header nav a.active:after{bottom:13px;height:2px} .header-link{border-color:#b9bec2;border-radius:2px;font-size:10px;padding:10px 15px} .container{max-width:1370px;padding:0 56px} .hero{background:var(--case-dark);color:#f5f7f8}.hero-inner{max-width:1600px;min-height:625px;grid-template-columns:1.12fr 1fr} .hero-copy{padding:75px 25px 55px max(56px,calc((1440.0px - 1258px)/2));} .hero-copy>.eyebrow{font-size:9px;font-weight:450;letter-spacing:2px;color:#aeb6bb} .hero h1{font-size:clamp(54px,82.08px,87px);font-weight:350;line-height:1.16;letter-spacing:-3.5px;margin:32px 0 26px} .hero-copy>p{font-size:16px;color:#c4cacf;font-weight:400;line-height:1.95} .hero-actions{margin-top:33px;gap:26px}.primary-link{background:#f1f4f5;color:#161a1d;border-radius:2px;font-size:11px;padding:15px 22px}.hero-actions>a:last-child{font-size:10px;border-color:#677078;color:#b9c1c7} .hero-meta{margin-top:50px;padding-top:18px;border-top:1px solid #ffffff28;color:#929ca3;gap:25px;font-size:8px;letter-spacing:1px} .hero-image{overflow:hidden}.hero-image img{width:1000px;height:667px;right:-197px;bottom:0;object-fit:cover;mask-image:linear-gradient(to right,transparent,black 17%);filter:saturate(.91)} .hero-stamp{display:none} .section{padding-top:116px;scroll-margin-top:90px} .section-head{grid-template-columns:60px minmax(0,1.3fr) minmax(0,.8fr);align-items:start;gap:30px;margin-bottom:48px} .section-head>.eyebrow{grid-column:auto;color:#777f85;padding-top:12px;font-size:11px;font-weight:400;letter-spacing:.5px;font-variant-numeric:tabular-nums} .section-head h2{font-size:43px;font-weight:400;line-height:1.25;letter-spacing:-1.8px;max-width:690px} .section-head>p{color:var(--case-muted);font-size:12px;line-height:1.95;padding-top:5px;align-self:start;max-width:385px} .note{color:#697178;font-size:10px;line-height:1.85} .decision-board{display:block;border-top:1px solid var(--case-line)} .decision-board article{display:grid;grid-template-columns:minmax(0,1fr) 65px minmax(0,1fr) minmax(150px,.74fr);align-items:center;gap:32px;padding:30px 0;border:0;border-bottom:1px solid var(--case-line);background:none;border-radius:0} .before-mini,.after-mini{min-height:0}.before-mini>span,.after-mini>span{font-size:10px;color:var(--case-muted);margin-bottom:12px} .change-arrow{transform:rotate(-90deg);color:#9da5ab;margin:0}.decision-board h3{margin:0;padding:0 0 0 20px;border:0;font-size:22px;font-weight:400;line-height:1.55;letter-spacing:-.6px} .bar{border-radius:3px}.ad{background:#d9dfe3}.faded{background:#eff2f4;color:#84909a}.functions{background:#e9edf0}.blocked-node{background:#e4e8eb;color:#7d878f;border-radius:4px}.unified-demo i{border-radius:4px}.recovery-mini i{border-radius:4px} .subhead{display:grid;grid-template-columns:90px 1fr;gap:0;margin:76px 0 32px;align-items:baseline}.subhead>span{font-size:9px;color:#727b82;letter-spacing:.5px;line-height:1.8}.subhead h3{font-size:33px;font-weight:400;letter-spacing:-1px} .brand-layout{grid-template-columns:1fr 1.15fr;gap:90px}.brand-words{gap:42px 30px;padding-top:10px}.brand-words>div{border-top:1px solid #bec6cc;padding-top:24px}.brand-words b{color:var(--case-ink);font-size:56px;font-weight:350;letter-spacing:-2px}.brand-words span{color:var(--case-muted);font-size:11px;margin-top:14px} .season-board{background:var(--case-surface);border-radius:0;padding:36px}.season-board .eyebrow{font-size:9px;letter-spacing:.6px;font-weight:400;color:#737d85}.season-board h3{font-size:38px;font-weight:400;letter-spacing:-1.3px;margin:23px 0 26px}.season-row{border-color:#d6dde2;padding:17px 0}.season-row b{font-weight:600}.season-row span,.season-board>p{color:#616c75}.season-board>p{margin-top:15px;font-size:10px} .season-timeline{margin-top:28px;border-color:var(--case-line)}.season-timeline>span,.season-timeline a{color:#6e7982}.season-timeline b{font-weight:500;color:var(--case-ink)} .route-tabs button,.journey-controls button,.gallery-toolbar button{border-color:#d8dfe3;border-radius:3px;font-size:10px}.route-tabs button[aria-selected=true],.journey-controls button[aria-selected=true],.gallery-toolbar button[aria-selected=true]{background:var(--case-ink);border-color:var(--case-ink)} .architecture-tree{background:#f6f8f9;border-radius:0;padding:38px;margin-top:22px}.root-node{background:var(--case-dark);border-radius:3px;font-weight:500;font-size:22px}.root-node span{color:#aab5be}.tree-trunk{border-color:#b9c4cc}.tree-branches:before,.tree-branches article:before{background:#b9c4cc} .branch-head h3{font-weight:500}.branch-head>span,.branch-head small{color:#727e87}.tree-branches button{border-color:#d1dbe2;border-radius:3px;background:#fff;padding:20px}.tree-branches button>b{font-weight:500}.tree-branches button>span,.branch-outcome{color:#65737d}.node-pair i,.vertical-arrow{color:#a1aeb7} .journey-visual{border-radius:0;border-color:var(--case-line);padding:34px}.journey-node{background:#f4f6f7;border-color:#d9e0e5;border-radius:3px;padding:20px 14px}.journey-node small{color:#70808b}.journey-node b{font-size:12px;font-weight:500}.journey-node:not(:last-child):after{color:#96a4af}.journey-node[aria-current=step]{background:#fff1e6;border-color:#e99358}.journey-node.complete{background:#edf2ed;border-color:#d5dfd4}.journey-detail{border-color:var(--case-line);padding-top:30px}.journey-detail>span{font-size:35px;font-weight:350;color:var(--case-ink)}.journey-detail small{color:#77848e}.journey-detail h3{font-size:24px;font-weight:400;letter-spacing:-.5px}.journey-detail p{color:var(--case-muted)}.journey-detail>button{border-color:#bfcbd3;border-radius:3px;font-size:10px}.journey-recovery{border-radius:2px;background:#f0f3f5}.journey-recovery span{color:#556672}.journey-recovery p{color:#677680} .wire-board{background:#f3f5f6;border:0;border-radius:0;padding:44px;gap:46px}.wire-device{border-color:#b0b9bf;background:white;border-radius:14px}.wire-board h3{font-weight:500;font-size:18px;margin-top:25px}.wire-board p{color:var(--case-muted)} .gallery-toolbar{margin-bottom:29px}.gallery-toolbar>a{color:#697782}.ui-grid{background:#f0f3f5;border-top:1px solid #d9e1e6;border-bottom:1px solid #d9e1e6;border-radius:0;padding:40px 33px;gap:38px 30px}.thumb-inner{border-color:#adb6bd;box-shadow:8px 12px 24px #1b31450c}.expand-label{border-radius:2px;background:#17232be8}.tile-caption h3{font-weight:500}.tile-caption>span,.tile-caption small{color:#72808b}.gallery-bottom{border-color:var(--case-line);gap:50px;padding:20px 0}.gallery-bottom>span{color:#75828b}.gallery-bottom p{color:#626e77} .system-banner{border-radius:0;background:var(--case-dark);padding:30px 34px}.system-logo{border-radius:3px;font-size:33px}.system-banner b{font-size:31px;font-weight:450;letter-spacing:-1px}.system-banner small,.system-banner p{color:#aab5bf}.system-banner>a{border-color:#56636e;font-size:10px}.system-layers{padding:32px 0;border-color:var(--case-line)}.system-layers>span{font-size:16px;font-weight:500}.system-layers b,.system-layers small,.system-layers i{color:#6c7a84} .system-subhead{margin:50px 0 28px}.system-subhead>span{color:#6c7882;font-size:9px;letter-spacing:.6px}.system-subhead h3{font-size:30px;font-weight:400;letter-spacing:-1px;margin-top:14px}.system-subhead p{font-size:12px;color:var(--case-muted)} .swatch>i{border-radius:3px;height:105px}.swatch>b{font-weight:500}.swatch code,.swatch>span{color:#657681}.token-example{border-radius:0;background:#f0f3f5;padding:21px 23px}.token-example code,.token-example p,.token-example>span{color:#657681}.token-example>b{font-weight:600} .foundation-grid{gap:70px}.type-row{border-color:var(--case-line);padding:19px 0}.type-row>span:last-child{color:#657580}.spacing-bars span,.spacing-bars code{color:#61727e}.radius-examples{border-color:var(--case-line)}.radius-examples>div{background:#f7f9fa;border-color:#bfcbd3;color:#566977} .component-workbench{border-radius:0;border-color:var(--case-line);grid-template-columns:1fr 1.15fr}.component-controls{background:#f1f4f6;padding:34px}.state-controls button{border-color:#c8d4dd;border-radius:3px;color:#506270}.state-controls button[aria-pressed=true]{background:var(--case-dark);border-color:var(--case-dark);color:white}.component-controls>p{color:#5d707d;font-size:12px}.component-controls>code{color:#717e87}.button-stage{padding:34px}.button-stage>small{color:#72818c} .component-gallery{gap:28px;margin-top:30px}.component-gallery>article{border:0;border-top:1px solid #bfcbd3;border-radius:0;padding:27px 10px}.component-label span{color:#72818c;font-size:8px;letter-spacing:.8px}.component-label b{font-size:22px;font-weight:400}.anatomy{border-color:var(--case-line)}.anatomy>span{color:#667987}.anatomy b{background:#edf1f4;color:#5f7483}.component-gallery article>p{color:#647581}.feedback-demo>p{color:#667987} .pattern-block{border-radius:0;background:#f0f3f5;grid-template-columns:.8fr 1.5fr;padding:34px;gap:45px}.pattern-block h3{font-size:30px;font-weight:400;letter-spacing:-1px}.pattern-block p{color:#637683}.pattern-cards{display:flex;flex-direction:column;gap:0}.pattern-cards>button{display:grid;grid-template-columns:65px 1fr;gap:5px 14px;background:none;border:0;border-top:1px solid #c5d1d9;border-radius:0;padding:17px 0;text-align:left}.pattern-cards>button:first-child{border-top:0}.pattern-cards span{color:#6b7c88;font-size:10px;padding-top:3px}.pattern-cards b{margin:0;font-size:13px;font-weight:500}.pattern-cards small{grid-column:2;color:#6b7c88;font-size:10px} .system-docs{border-color:#cbd6de}.system-docs summary span,.docs-grid p{color:#657985}.docs-grid h4{font-weight:500}.download-links a{color:#5b707e} .ai-pipeline{border-color:var(--case-line);padding:30px 0}.ai-pipeline b,.ai-pipeline small,.ai-pipeline i{color:#6a7d89}.ai-pipeline span{font-size:22px;font-weight:400}.asset-grid{gap:35px;margin-top:38px}.asset-grid img{border-radius:0}.asset-grid b{font-weight:450;font-size:21px}.asset-grid p{color:#607684}.prompt-panel{background:#12181c;border-radius:0;color:#b9c4cc}.prompt-panel>div{border-color:#303c45}.prompt-panel select{border-color:#445661;background:#202a31;color:#c1ced7;border-radius:2px}.prompt-panel button{color:#c1ced7;border-color:#445661;border-radius:2px}.prompt-panel pre{font-size:11px;line-height:2}.validation-note{border-color:var(--case-line)}.validation-note p{color:#637b89}.validation-note b{font-weight:500} .site-footer{background:var(--case-dark);margin-top:115px;padding-top:70px;padding-bottom:60px}.site-footer span{color:#84949f;font-size:8px}.site-footer h2{font-size:62px;font-weight:350;line-height:1.13;letter-spacing:-2px;margin-top:25px}.site-footer>a{border-color:#536570;color:#bac7d0;font-size:11px} .preview-dialog{background:#edf1f4}.preview-top{border-color:#c9d4dc}.preview-top span{color:#6c8392}.preview-top h2{font-weight:500}.preview-top>button{border-color:#c2d0d9}.preview-layout>iframe{border-color:#bdcbd5}.preview-layout h3{font-weight:400}.preview-layout aside>p,.preview-layout aside>small{color:#647b89}.preview-links button{border-color:#c5d3dc;border-radius:3px}.preview-layout #resetPreview{background:var(--case-dark);border-radius:3px} @media(max-width:0px){.container{padding:0 36px}.hero-copy{padding-left:40px}.hero-image img{right:-275px}.hero h1{font-size:65px}.section-head{grid-template-columns:40px 1.2fr .9fr;gap:24px}.section-head h2{font-size:36px}.decision-board article{grid-template-columns:1fr 35px 1fr 155px;gap:20px}.decision-board h3{font-size:19px;padding-left:6px}.brand-layout{gap:45px}.ui-grid{gap:30px 24px;padding:30px}.pattern-block{grid-template-columns:.8fr 1.5fr}.foundation-grid{gap:35px}.site-header nav{gap:18px}} @media(max-width:0px){.site-header{height:100px;padding:15px 22px 0}.wordmark{font-size:19px}.wordmark span{font-size:7px}.site-header nav{gap:23px;margin-top:10px}.site-header nav a{padding:10px 0 16px}.site-header nav a.active:after{bottom:5px}.hero-inner{display:block;min-height:0}.hero-copy{padding:45px 25px 28px}.hero h1{font-size:58px;font-weight:350;letter-spacing:-2.5px;margin:26px 0 22px}.hero-copy>p{font-size:14px}.hero-actions{gap:20px;margin-top:27px}.hero-actions>a:last-child{font-size:9px}.primary-link{font-size:10px;padding:14px 17px}.hero-meta{margin-top:30px;padding-top:16px;font-size:7px;gap:19px}.hero-image{height:290px}.hero-image img{width:650px;height:434px;right:-135px;bottom:0;mask-image:linear-gradient(to bottom,transparent,black 21%)}.container{padding:0 23px}.section{padding-top:74px}.section-head{display:grid;grid-template-columns:24px 1fr;gap:10px 16px;margin-bottom:29px}.section-head>.eyebrow{padding-top:8px;font-size:9px}.section-head h2{font-size:30px;letter-spacing:-1px;margin:0;font-weight:400}.section-head>p{grid-column:2;font-size:11px;margin-top:5px;padding:0;line-height:1.9}.decision-board article{grid-template-columns:1fr 24px 1fr;gap:16px 10px;padding:23px 0}.decision-board h3{grid-column:1/-1;padding:5px 0 0;font-size:19px;margin:0;line-height:1.4}.before-mini>span,.after-mini>span{font-size:9px}.subhead{grid-template-columns:40px 1fr;gap:0;margin:49px 0 28px}.subhead>span{font-size:7px;line-height:1.7;overflow-wrap:anywhere;width:30px}.subhead h3{font-size:25px;margin:0}.brand-layout{grid-template-columns:1fr;gap:35px}.brand-words{gap:32px 24px;padding:0}.brand-words>div{padding-top:19px}.brand-words b{font-size:46px}.brand-words span{font-size:11px;margin-top:10px}.season-board{padding:26px}.season-board h3{font-size:33px}.season-row{padding:14px 0}.season-row span{font-size:10px}.season-timeline{gap:13px}.architecture-tree{padding:22px;margin-top:19px}.root-node{font-size:20px}.tree-branches button{padding:16px}.route-tabs button,.journey-controls button{font-size:10px;padding:9px 12px}.journey-visual{padding:21px}.journey-node{padding:15px 9px}.journey-node b{font-size:11px}.journey-detail{gap:15px;padding-top:24px}.journey-detail>span{font-size:30px}.journey-detail h3{font-size:21px}.journey-detail p{font-size:11px}.wire-board{padding:28px;gap:40px}.ui-grid{padding:24px 20px;gap:30px 21px}.tile-caption h3{font-size:11px}.gallery-bottom{padding:18px 0}.gallery-bottom>span{font-size:8px}.gallery-bottom p{font-size:10px}.system-banner{padding:25px;gap:18px}.system-banner b{font-size:27px}.system-banner small{font-size:8px}.system-banner p{font-size:10px}.system-banner>a{font-size:9px}.system-layers{padding:26px 0;gap:18px 8px}.system-layers>span{font-size:14px}.system-layers small{font-size:9px}.system-subhead{margin:38px 0 25px}.system-subhead h3{font-size:27px;font-weight:400}.system-subhead p{font-size:11px}.swatch>i{height:77px}.swatch>b{font-size:11px}.token-example{padding:18px 15px}.token-example code{font-size:8px}.foundation-grid{gap:7px}.component-workbench{grid-template-columns:1fr}.component-controls{padding:25px}.component-controls>p{font-size:11px}.button-stage{padding:30px}.component-gallery{gap:25px}.component-gallery>article{padding:24px 0}.component-label b{font-size:23px}.component-gallery article>p{font-size:11px}.pattern-block{grid-template-columns:1fr;padding:27px;gap:22px}.pattern-block h3{font-size:27px}.pattern-cards>button{grid-template-columns:55px 1fr;padding:17px 0;gap:5px 10px}.pattern-cards b{font-size:11px}.pattern-cards small{font-size:9px}.ai-pipeline{padding:26px 0}.ai-pipeline span{font-size:20px}.ai-pipeline small{font-size:8px}.asset-grid{gap:28px}.asset-grid b{font-size:21px}.asset-grid p{font-size:10px}.prompt-panel pre{font-size:10px}.site-footer{padding:48px 23px;margin-top:75px;gap:25px}.site-footer h2{font-size:49px;font-weight:350}.site-footer>a{font-size:10px}} .section{height:auto;min-height:0;aspect-ratio:auto;padding-top:clamp(64px,100.8px,104px)} #architecture,#journey{padding-top:clamp(56px,79.2px,82px)} #wireframe{padding-top:clamp(60px,86.4px,90px)} #screens,#system{padding-top:clamp(68px,108.0px,112px)} #ai{padding-top:clamp(60px,86.4px,90px)} .section-head{margin-bottom:clamp(28px,43.2px,44px)} .asset-grid{align-items:start}.asset-grid img{height:auto;aspect-ratio:auto;object-fit:contain} @media(max-width:0px){.section{padding-top:60px}#architecture,#journey,#wireframe,#ai{padding-top:52px}#screens,#system{padding-top:64px}.section-head{margin-bottom:28px}} .hero{background:#ff771b;color:#241f1b}.hero-inner{display:grid;max-width:none;min-height:0;grid-template-columns:1fr}.hero-image{grid-area:1/1;position:relative;height:auto;z-index:0}.hero-image img{position:static;width:100%;height:auto;max-width:none;mask-image:none;filter:none;object-fit:contain}.hero-copy{grid-area:1/1;align-self:center;max-width:52%;padding:57.6px 0 57.6px 86.4px}.hero h1{font-size:clamp(48px,82.08px,88px);font-weight:450}.hero-copy>p{color:#34271f}.hero .eyebrow,.hero-meta{color:#392a20}.hero-meta{border-color:#392a2040}.hero-actions>a:last-child{color:#34271f}.hero .primary-link{background:#211e1b;color:white}.business-board{display:grid;grid-template-columns:.8fr 1.5fr;gap:55px}.business-goal{background:#f0f3f4;padding:38px;display:flex;flex-direction:column;align-items:start}.business-goal>span,.business-goal small{font-size:10px;color:#65717a}.business-goal h3{font-size:40px;font-weight:400;line-height:1.3;margin:36px 0 24px}.business-goal p{font-size:13px;color:#60676d}.business-loop{display:flex;gap:15px;align-items:center;margin:44px 0 28px}.business-loop b{font-size:19px;font-weight:500}.business-loop i{color:#c64a0a;font-style:normal}.business-labels{display:grid;grid-template-columns:1fr 1fr;padding-left:38px;font-size:10px;color:#64717a;padding-bottom:20px;border-bottom:1px solid #dce0e3}.business-decisions article{display:grid;grid-template-columns:24px 1fr 1fr;gap:16px;padding:28px 0;border-bottom:1px solid #dce0e3}.business-no{font-size:11px;color:#b1480c}.business-decisions small{font-size:10px;color:#6b747b}.business-decisions h4{font-size:18px;font-weight:500;margin:8px 0 12px}.business-decisions p{font-size:12px;color:#60676d}.business-tag{display:block;margin-top:15px;font-size:10px;color:#a9440d}.live-stage{position:relative;background:#e9edf0;display:grid;grid-template-columns:1fr 395px;gap:65px;align-items:center;padding:70px 9%;margin:0 0 55px;overflow:hidden}.stage-story{max-width:380px}.stage-story h3{font-size:46px;line-height:1.25;font-weight:400;letter-spacing:-2px;margin:28px 0}.stage-story>p{font-size:13px;color:#5b666f}.stage-story ol{list-style:none;padding:0;margin:34px 0}.stage-story li{display:flex;gap:20px;padding:18px 0;border-top:1px solid #cbd2d8;font-size:15px}.stage-story li>b{font-size:10px;color:#a54510;padding-top:4px}.stage-story li small{display:block;color:#65717a;font-size:11px;margin-top:8px}.stage-reset{background:#191d20;color:white;border:0;padding:15px 22px;font-size:12px}.stage-status{display:block;margin-top:15px;color:#68747d;font-size:10px}.stage-device{padding:8px;background:white;border:1px solid #ccd2d7;border-radius:35px;box-shadow:0 25px 50px #25303b16;width:395px}.stage-device iframe{display:block;width:100%;height:790px;border:0;border-radius:27px;background:#fff}.stage-caption{position:absolute;bottom:23px;left:9%;font-size:8px;letter-spacing:2px;color:#68747d}.icon-library{display:grid;grid-template-columns:repeat(10,1fr);border:1px solid #dce0e3}.icon-item{background:white;border:0;min-height:125px;padding:20px 5px;display:flex;flex-direction:column;align-items:center;gap:9px}.icon-item:hover{background:#f0f3f4}.icon-item svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none;margin-bottom:6px}.icon-item b{font-size:11px;font-weight:500}.icon-item code{font-size:9px;color:#68747d}.icon-rules{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0;border-bottom:1px solid #dce0e3}.icon-rules span{font-size:11px;color:#65717a}.icon-rules b{display:block;color:#171c20;font-size:20px;font-weight:400;margin-bottom:10px}.element-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.element-grid article{padding:25px;background:#f3f5f6;min-width:0}.element-grid h4{font-size:18px;font-weight:500;margin-bottom:25px}.element-grid article>small{display:block;font-size:10px;color:#65717a;margin-top:25px;line-height:1.8}.ds-field{display:block;font-size:12px;margin-top:18px}.ds-field input{display:block;width:100%;padding:13px 12px;border:1px solid #a9b2b9;border-radius:8px;margin-top:9px;background:white;font:inherit;min-height:44px}.ds-field input:focus{outline:2px solid #a7440a;outline-offset:2px}.ds-field input:disabled{background:#e7eaec;color:#737b80;border-color:#d6dce0}.field-hint{font-size:10px;color:#65717a;display:block;margin-top:8px}.ds-choice{display:flex;align-items:center;gap:10px;font-size:12px;min-height:44px}.ds-choice input{width:19px;height:19px;accent-color:#a9440d}.ds-stepper{display:flex;align-items:center;gap:20px;margin-top:22px}.ds-stepper button{width:44px;height:44px;border:1px solid #aeb8c0;background:white;border-radius:8px}.ds-stepper button:disabled{opacity:.4;cursor:not-allowed}.ds-stepper output{min-width:20px;text-align:center}.ds-badges{display:flex;flex-wrap:wrap;gap:10px}.ds-badges .sn-badge{padding:8px 10px;background:#ffeadb;color:#97400e;border-radius:6px;font-size:11px}.ds-badges .sn-badge:last-child{background:#e0ece1;color:#355f42}.ds-progress{margin-top:36px;font-size:12px}.ds-progress span{display:flex;justify-content:space-between}.ds-progress progress{width:100%;height:10px;accent-color:#b04a0a;margin-top:18px}.state-lab{border:1px solid #dce0e3;padding:30px}.page-state-tabs{display:flex;gap:8px;flex-wrap:wrap}.page-state-tabs button{padding:10px 18px;border:1px solid #d4dade;background:white;border-radius:5px;font-size:12px}.page-state-tabs button[aria-selected=true]{background:#202528;color:white;border-color:#202528}.page-state-demo{min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;gap:13px;background:#f4f6f7;margin-top:25px}.page-state-demo>svg{width:32px;height:32px;stroke:currentColor;stroke-width:1.7;fill:none}.page-state-demo h4{font-size:22px;font-weight:500}.page-state-demo p{font-size:12px;color:#65717a}.page-state-demo button{min-height:44px;padding:10px 24px;background:#26231f;color:white;border:0;border-radius:8px}.skeleton{width:min(360px,100%);display:grid;gap:15px}.skeleton i{height:17px;background:#dce2e6;border-radius:4px}.skeleton i:first-child{height:65px}.wide-asset{margin-top:35px}.wide-asset img{width:100%;height:auto}.wide-asset p{font-size:11px;color:#65717a;margin-top:14px} @media(max-width:0px){.hero h1{font-size:79.2px}.hero-copy{max-width:55%}.hero-copy>p{font-size:13px}.hero-meta{margin-top:20px;font-size:8px}.hero-actions{gap:14px}.hero-actions>a:last-child{font-size:9px}.business-board{gap:25px;grid-template-columns:.8fr 1.3fr}.business-goal{padding:25px}.business-goal h3{font-size:32px}.live-stage{padding:45px;gap:30px;grid-template-columns:1fr 375px}.stage-device{width:375px}.stage-story h3{font-size:35px}.icon-library{grid-template-columns:repeat(5,1fr)}.element-grid{gap:15px}.element-grid article{padding:20px}} @media(max-width:0px){.hero-inner{display:flex;flex-direction:column}.hero-copy{max-width:none;padding:38px 25px 0}.hero h1{font-size:49px;margin:24px 0 20px}.hero-copy>p{font-size:14px}.hero-image{height:auto;width:100%}.hero-image img{position:static;width:100%;height:auto;mask-image:none}.hero-meta{margin-bottom:12px}.hero-actions{flex-wrap:wrap}.business-board{grid-template-columns:1fr;gap:24px}.business-goal h3{margin:23px 0}.business-loop{margin:25px 0}.business-decisions article{gap:10px;grid-template-columns:18px 1fr 1fr;padding:23px 0}.business-decisions h4{font-size:15px}.business-decisions p{font-size:11px}.business-labels{padding-left:28px}.business-tag{font-size:9px}.live-stage{grid-template-columns:1fr;padding:28px 18px 48px;gap:30px}.stage-story{padding:0 5px}.stage-story h3{font-size:35px}.stage-story ol{margin:24px 0}.stage-device{width:min(395px,100%);justify-self:center;padding:5px;border-radius:24px}.stage-device iframe{height:690px;border-radius:18px}.stage-caption{left:23px;font-size:7px;bottom:17px;letter-spacing:1px}.icon-library{grid-template-columns:repeat(5,1fr)}.icon-item{min-height:105px}.icon-item b{font-size:10px}.icon-item code{font-size:8px}.icon-rules{grid-template-columns:1fr 1fr;gap:25px}.icon-rules b{font-size:17px}.element-grid{grid-template-columns:1fr;gap:15px}.state-lab{padding:18px}.page-state-tabs{gap:6px}.page-state-tabs button{padding:9px 11px;font-size:10px}.page-state-demo{padding:24px 14px}.page-state-demo h4{font-size:19px}}