.st-intro{border-block-end:1px solid var(--border);padding:48px 40px 36px}.st-intro h1{font-size:clamp(32px,4vw,52px);line-height:1.4}.st-intro p{max-inline-size:740px;color:var(--muted-foreground);margin-block-start:12px;font-size:17px}.st-breadcrumb{color:var(--muted-foreground);margin-block-end:24px;font-size:12px}.st-breadcrumb a:hover{color:var(--foreground)}.st-title-row{justify-content:space-between;align-items:center;gap:32px;display:flex}.st-title-row>div{min-inline-size:0}.st-title-row>a{flex-shrink:0}.st-quiet-action{align-items:center;gap:8px;font-size:13px;display:inline-flex}.st-workbench{border-block-end:1px solid var(--border);padding:24px}.st-tools{flex-wrap:wrap;align-items:center;gap:16px 24px;padding:0 12px 24px;display:flex}.st-example-label{color:var(--muted-foreground);font-size:12px}.st-select{align-items:center;gap:10px;font-size:12px;display:flex}.st-select>span{color:var(--muted-foreground)}.home-experience .st-select select{border-radius:8px;min-block-size:40px;max-inline-size:260px;padding-inline:12px;font-size:13px}.st-devices{gap:4px;margin-inline-start:auto;display:flex}.st-devices button{border:1px solid var(--border);background:var(--background);place-items:center;block-size:40px;min-inline-size:40px;padding-inline:10px;font-size:12px;display:grid}.st-devices button[aria-pressed=true]{color:var(--primary);border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--background))}.st-variants{flex-wrap:wrap;gap:6px;margin:0 12px 24px;display:flex}.st-variants button{border:1px solid var(--border);background:var(--background);min-block-size:34px;padding:6px 12px;font-size:12px}.st-variants button[aria-pressed=true]{color:var(--primary);border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--background))}.st-preview{inline-size:100%;margin-inline:auto;position:relative}.st-preview iframe{background:var(--background);border:0;inline-size:100%;display:block}.st-device-tablet{max-inline-size:768px}.st-device-mobile{max-inline-size:390px}.st-loading{color:var(--muted-foreground);padding:24px;font-size:12px;position:absolute;inset-block-start:0;inset-inline:0}.st-sample-note{color:var(--muted-foreground);padding:20px 12px 0;font-size:12px}.st-widget-browser{border-block-end:1px solid var(--border);grid-template-columns:240px minmax(0,1fr);display:grid}.st-widget-list{border-inline-end:1px solid var(--border);flex-direction:column;gap:6px;padding:24px;display:flex}.st-widget-list button{text-align:start;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:12px;min-block-size:44px;padding:10px 12px;font-size:13px;display:flex}.st-widget-list button[aria-pressed=true]{color:var(--primary);border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--background))}.st-widget-example{min-inline-size:0;padding:24px}.st-example-heading{justify-content:space-between;align-items:center;gap:24px;margin-block-end:24px;padding-inline:12px;display:flex}.st-example-heading h2{font-size:22px;line-height:1.6}.st-example-heading p{color:var(--muted-foreground);margin-block-start:6px;font-size:13px}.st-example-heading>a{flex-shrink:0;align-items:center;gap:8px;font-size:12px;display:inline-flex}.st-widget-directory{border-block-end:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.st-widget-directory>a{border-block-end:1px solid var(--border);padding:32px;position:relative}.st-widget-directory h2{font-size:21px;line-height:1.7}.st-widget-directory p{color:var(--muted-foreground);max-inline-size:300px;margin-block-start:10px;font-size:14px}.st-widget-directory svg{margin-block-start:20px}.st-widget-directory>a:hover h2{color:var(--primary)}.st-template-pages{border-block-end:1px solid var(--border);grid-template-columns:1fr 2fr;gap:32px;padding:36px 40px;display:grid}.st-template-pages h2{font-size:22px;line-height:1.6}.st-template-pages p{color:var(--muted-foreground);margin-block-start:12px;font-size:13px}.st-template-pages ul{flex-wrap:wrap;align-content:center;gap:12px 28px;margin:0;padding:0;list-style:none;display:flex}.st-template-pages li{font-size:14px}.st-related{border-block-end:1px solid var(--border);padding:32px 40px}.st-related h2{margin-block-end:20px;font-size:20px}.st-related>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.st-related a{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.st-end{border-block-end:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding:48px 40px;display:flex}.st-end h2{font-size:28px;line-height:1.6}.st-end p{color:var(--muted-foreground);margin-block-start:8px;font-size:14px}.st-end>a{flex-shrink:0}.st-solution-browser{border-block-end:1px solid var(--border);padding:24px}.st-solution-tabs{flex-wrap:wrap;gap:8px;padding:0 12px 32px;display:flex}.st-solution-tabs button{border:1px solid var(--border);background:var(--background);min-block-size:40px;padding:8px 12px;font-size:13px}.st-solution-tabs button[aria-pressed=true]{color:var(--primary);border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--background))}.st-industries>section{border-block-end:1px solid var(--border);padding:36px 40px;scroll-margin-block-start:24px}.st-industries h2{margin-block-end:20px;font-size:22px;line-height:1.6}.st-industries>section>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.st-industries h3{font-size:17px;line-height:1.6}.st-industries p{color:var(--muted-foreground);margin-block-start:8px;font-size:14px}.st-industries svg{margin-block-start:12px}.xp-hero-cta{align-items:center;gap:8px;margin-block-start:18px;font-size:13px;display:inline-flex}.xp-hero-cta:hover{color:var(--primary)}.hb-mega-industries .hb-mega-groups{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1100px){.st-widget-browser{grid-template-columns:190px minmax(0,1fr)}}@media (width<=700px){.st-intro{padding:32px 20px 24px}.st-intro p{font-size:15px}.st-title-row{flex-direction:column;align-items:start;gap:20px}.st-workbench,.st-solution-browser,.st-widget-example{padding:16px 8px}.st-tools{gap:12px;padding-inline:8px}.st-select{flex-wrap:wrap}.st-devices{margin-inline-start:0}.st-widget-browser{grid-template-columns:1fr}.st-widget-list{border-inline-end:0;border-block-end:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;display:grid}.st-widget-list button{min-inline-size:0;padding-inline:8px;font-size:12px}.st-example-heading{flex-direction:column;align-items:start;gap:12px}.st-widget-directory{grid-template-columns:1fr}.st-widget-directory>a{padding:24px}.st-template-pages{grid-template-columns:1fr;gap:24px;padding:28px 20px}.st-related{padding:28px 20px}.st-related>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.st-end{flex-direction:column;align-items:start;padding:32px 20px}.st-end h2{font-size:24px}.st-solution-tabs{gap:6px;padding-inline:8px}.st-solution-tabs button{font-size:12px}.st-industries>section{padding:28px 20px}.st-industries>section>div{grid-template-columns:1fr;gap:24px}.hb-mega-phone.hb-mega-industries .hb-mega-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@supports (-webkit-touch-callout:none){.home-experience .st-select select{font-size:16px}}