.B5UZDa_page{background:var(--background,#f8f7f4);min-height:100vh;color:var(--foreground,#242b35);padding:0 max(5vw,24px) 110px}.B5UZDa_intro{grid-template-columns:1fr 1fr;align-items:end;gap:48px;max-width:1320px;margin:auto;padding:112px 0 65px;display:grid}.B5UZDa_eyebrow,.B5UZDa_exampleMeta{letter-spacing:.12em;color:var(--primary-text,#526bcf);font-size:11px;font-weight:700}.B5UZDa_intro h1{letter-spacing:-.065em;margin:22px 0 0;font-size:clamp(48px,6vw,84px);font-weight:700;line-height:1.04}.B5UZDa_intro h1 span{color:var(--foreground-tertiary,#969eaa);font-weight:500}.B5UZDa_introText{justify-self:end;max-width:420px}.B5UZDa_introText p,.B5UZDa_exampleInfo p,.B5UZDa_bottom p{color:var(--foreground-secondary,#777f89);font-size:15px;line-height:1.75}.B5UZDa_introText>span{letter-spacing:.1em;color:var(--foreground-tertiary,#777f89);margin-top:28px;font-size:10px;font-weight:700;display:block}.B5UZDa_gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 24px;max-width:1320px;margin:auto;display:grid}.B5UZDa_example:first-child{grid-column:1/-1}.B5UZDa_canvas{background:var(--background-sunken,#e9ecf1);border-radius:12px;justify-content:center;align-items:flex-end;height:340px;padding:36px 30px 0;display:flex;overflow:hidden}.B5UZDa_example:first-child .B5UZDa_canvas{height:430px;padding-top:54px}.B5UZDa_projects{background:color-mix(in oklab,var(--primary,#526bcf) 10%,var(--background-sunken,#e9ecf1))}.B5UZDa_clients{background:color-mix(in oklab,var(--success,#61947d) 12%,var(--background-sunken,#e9ecf1))}.B5UZDa_billing{background:color-mix(in oklab,var(--warning,#ba9360) 11%,var(--background-sunken,#e9ecf1))}.B5UZDa_window{border:1px solid var(--border,#e7e8e6);background:var(--card,#fff);border-radius:9px 9px 0 0;width:min(100%,530px);min-height:305px;max-height:100%;overflow:hidden;box-shadow:0 14px 50px #282e381f;box-shadow:0 14px 50px lab(18.7165% -.689328 -7.3094/.12)}.B5UZDa_example:first-child .B5UZDa_window{width:min(100%,760px);min-height:376px}.B5UZDa_windowBar{border-bottom:1px solid var(--border,#e7e8e6);height:38px;color:var(--foreground-tertiary,#777f89);letter-spacing:.08em;justify-content:space-between;align-items:center;padding:0 16px;font-size:9px;font-weight:700;display:flex}.B5UZDa_dots{gap:4px;display:flex}.B5UZDa_dots i{background:var(--border-strong,#cbd0d8);border-radius:50%;width:6px;height:6px}.B5UZDa_previewBody{padding:20px 24px}.B5UZDa_previewHeading{justify-content:space-between;align-items:center;gap:12px;display:flex}.B5UZDa_previewOverline{color:var(--foreground-tertiary,#777f89);letter-spacing:.1em;font-size:9px;font-weight:700}.B5UZDa_previewHeading h3{letter-spacing:-.04em;margin:5px 0 0;font-size:18px}.B5UZDa_metric{margin-top:18px}.B5UZDa_metric>div{padding:12px 16px}.B5UZDa_listTitle{justify-content:space-between;align-items:center;gap:10px;margin:18px 0 7px;font-size:11px;display:flex}.B5UZDa_listTitle span{color:var(--foreground-tertiary,#777f89);font-size:10px}.B5UZDa_row{border-top:1px solid var(--border,#e7e8e6);align-items:center;gap:10px;padding:8px 0;font-size:11px;display:flex}.B5UZDa_row strong{flex:1;font-weight:600}.B5UZDa_rowIcon{background:var(--background-sunken,#f0f1f5);width:25px;height:25px;color:var(--primary-text,#526bcf);border-radius:7px;place-items:center;font-weight:700;display:grid}.B5UZDa_exampleInfo{justify-content:space-between;align-items:flex-end;gap:20px;padding-top:22px;display:flex}.B5UZDa_exampleInfo h2{letter-spacing:-.04em;margin:9px 0 5px;font-size:23px}.B5UZDa_exampleInfo p{margin:0;font-size:13px}.B5UZDa_start{cursor:pointer;border:1px solid var(--border-strong,#d7dce2);background:var(--card,#fff);color:var(--foreground,#242b35);border-radius:999px;flex-shrink:0;padding:11px 15px;font-size:12px;font-weight:650}.B5UZDa_start:hover{border-color:var(--primary,#526bcf);color:var(--primary-text,#526bcf)}.B5UZDa_start span,.B5UZDa_bottom a span{margin-left:10px}.B5UZDa_bottom{border-top:1px solid var(--border,#e7e8e6);justify-content:space-between;align-items:end;gap:30px;max-width:1320px;margin:130px auto 0;padding:45px 0 0;display:flex}.B5UZDa_bottom h2{letter-spacing:-.05em;margin:18px 0;font-size:clamp(32px,4vw,48px);line-height:1.1}.B5UZDa_bottom p{max-width:560px}.B5UZDa_bottom a{white-space:nowrap;font-size:13px;font-weight:700}.B5UZDa_bottom a:hover{color:var(--primary-text,#526bcf)}@media (max-width:700px){.B5UZDa_page{padding:0 20px 80px}.B5UZDa_intro{padding:72px 0 42px;display:block}.B5UZDa_intro h1{font-size:48px}.B5UZDa_introText{margin-top:25px}.B5UZDa_introText>span{margin-top:15px}.B5UZDa_gallery{grid-template-columns:1fr;gap:42px}.B5UZDa_example:first-child{grid-column:auto}.B5UZDa_canvas,.B5UZDa_example:first-child .B5UZDa_canvas{height:305px;padding:25px 18px 0}.B5UZDa_example:first-child .B5UZDa_window{min-height:280px}.B5UZDa_previewBody{padding:16px}.B5UZDa_exampleInfo{flex-direction:column;align-items:flex-start}.B5UZDa_bottom{margin-top:90px;display:block}.B5UZDa_bottom a{margin-top:20px;display:inline-block}}