.marketing .examples-intro{padding-block:72px 56px}.marketing .examples-intro h1{font-size:clamp(44px,6.5vw,80px);max-width:900px}.marketing .examples-intro>p:last-child{max-width:710px;font-size:20px;margin-top:26px;line-height:1.75}.marketing .examples-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.marketing .examples-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#191b1d;display:flex;flex-direction:column}.marketing .examples-card-art{position:relative;min-height:300px;padding:31px;background:#06e98c;color:#0d0d0d}.marketing .examples-card-art>span{display:block;font-size:10px;letter-spacing:.06em;font-weight:650}.marketing .examples-card-art strong{display:block;margin-top:24px;font-size:clamp(32px,3.5vw,44px);letter-spacing:-.04em;line-height:1.06}.marketing .examples-card-art>svg{position:absolute;right:28px;bottom:25px}.marketing .examples-card-cafe .examples-card-art{background:#e9d887}.marketing .examples-card-event .examples-card-art{background:#b6a5ee}.marketing .examples-card-body{padding:28px;display:flex;flex:1;flex-direction:column}.marketing .examples-kind{color:var(--violet);font-size:12px;margin-bottom:15px}.marketing .examples-card-body h2{font-size:28px;margin-bottom:15px}.marketing .examples-card-body>p{font-size:15px;line-height:1.75}.marketing .examples-card-links{padding-top:25px;margin-top:auto;display:flex;align-items:flex-start;flex-direction:column;gap:13px}.marketing .examples-card-links>a:last-child{color:#b9c0c6;font-size:13px}.marketing .examples-card-links>a:last-child:hover{color:var(--violet)}.marketing .examples-how{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:75px;padding-top:65px;border-top:1px solid var(--line)}.marketing .examples-how h2{font-size:clamp(32px,4vw,48px)}.marketing .examples-how>div>p:last-child{max-width:540px;margin-top:23px;line-height:1.8}.marketing .examples-how-steps{list-style:none;padding:0;margin:0;display:grid;gap:30px}.marketing .examples-how-steps li{display:flex;align-items:flex-start;gap:22px}.marketing .examples-how-steps li>span{color:var(--violet);font-size:13px;padding-top:5px}.marketing .examples-how-steps h3{font-size:22px;margin-bottom:12px}.marketing .examples-how-steps p{font-size:15px;line-height:1.75}.marketing .examples-disclosure{padding-block:45px 25px;font-size:13px;line-height:1.7}.marketing .example-detail-intro{padding-block:39px 55px}.marketing .example-back{display:inline-block;color:#b8c0c6;font-size:13px;margin-bottom:37px}.marketing .example-back:hover{color:var(--violet)}.marketing .example-detail-intro h1{font-size:clamp(38px,5vw,66px);max-width:930px}.marketing .example-detail-intro>p:not(.eyebrow){max-width:780px;font-size:19px;line-height:1.75;margin-top:25px}.marketing .example-detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:28px}.marketing .example-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:43px;align-items:start}.marketing .example-preview,.marketing .example-resources{min-width:0}.marketing .example-preview-label{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border:1px solid var(--line);border-radius:17px 17px 0 0;padding:17px 22px;background:#191b1d}.marketing .example-preview-label>span{color:var(--violet);font-size:12px}.marketing .example-preview-label h2{font-size:14px;letter-spacing:0;font-weight:500}.marketing .example-preview-note{font-size:12px;line-height:1.7;margin-top:16px}.marketing .example-resources{padding:27px 0}.marketing .example-resources .eyebrow{margin-bottom:18px}.marketing .example-resources h2{font-size:29px}.marketing .example-resources>p:not(.eyebrow){font-size:14px;line-height:1.75;margin-top:17px}.marketing .example-resources dl{margin-block:27px}.marketing .example-resources dl>div{padding-block:19px;border-block-start:1px solid var(--line)}.marketing .example-resources dt{display:flex;align-items:center;gap:14px;font-size:17px;font-weight:650}.marketing .example-resources dt>span{color:var(--violet);min-width:33px;font-weight:500;font-size:15px}.marketing .example-resources dd{margin:9px 0 0;color:var(--muted);font-size:14px;line-height:1.65}.marketing .example-resources .example-resource-note{font-size:13px}.marketing .example-resources>.text-link{display:inline-block;margin-top:20px;font-size:14px}.marketing .example-live-address{border-top:1px solid var(--line);padding-top:21px;margin-top:25px}.marketing .example-live-address>span{display:block;font-size:11px;margin-bottom:8px}.marketing .example-live-address a{color:var(--violet);font-size:14px;overflow-wrap:anywhere}.marketing .example-build{display:grid;grid-template-columns:1fr 1.2fr;gap:75px;padding-block:70px 50px;margin-top:55px;border-top:1px solid var(--line);scroll-margin-top:70px}.marketing .example-build h2{font-size:clamp(32px,4vw,46px)}.marketing .example-build-intro>p:not(.eyebrow){line-height:1.75;margin-top:23px}.marketing .example-build-intro>a{margin-top:27px}.marketing .example-build-intro>.text-link{display:block;font-size:14px}.marketing .example-build>ol{list-style:none;padding:0;margin:0;display:grid;gap:25px}.marketing .example-build>ol>li{display:flex;gap:20px}.marketing .example-build>ol>li>span{color:var(--violet);font-size:13px;padding-top:5px}.marketing .example-build>ol p{font-size:16px;line-height:1.8}.marketing .example-final-note{font-size:13px;line-height:1.7;padding-bottom:35px}.marketing .example-next{padding-block:28px 70px;display:flex;gap:22px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line)}.marketing .example-next>span{color:var(--muted);margin-right:auto;font-size:13px}.marketing .example-next>a{color:var(--violet);font-size:14px}.marketing .example-real-shot{margin:0;border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px;overflow:hidden;background:#191b1d}.marketing .example-real-shot>img{display:block;width:100%;height:auto}.marketing .example-real-shot figcaption{padding:18px 22px;color:var(--muted);font-size:12px;line-height:1.7}.marketing .example-real-shot figcaption a{color:var(--violet)}.marketing .example-real-qr{display:grid;grid-template-columns:145px 1fr;align-items:center;gap:24px;margin:30px 0 0;padding:22px;border:1px solid var(--line);border-radius:18px;background:#191b1d}.marketing .example-real-qr>img{display:block;width:145px;height:auto;border-radius:8px}.marketing .example-real-qr h3{font-size:22px;margin-bottom:12px}.marketing .example-real-qr p{font-size:13px;line-height:1.75;overflow-wrap:anywhere}.marketing .example-real-qr a{color:var(--violet);font-size:13px}.marketing .example-real-qr figcaption>a{display:inline-block;margin-top:15px}.marketing .example-real-qr figcaption>a+a{margin-left:15px}.marketing .example-real-qr .example-qr-note{font-size:11px;margin-top:15px}@media (max-width:1050px){.marketing .examples-directory{gap:16px}.marketing .examples-card-art,.marketing .examples-card-body{padding:23px}.marketing .example-workspace{gap:25px}.marketing .example-build{gap:40px}}@media (max-width:900px){.marketing .examples-directory{grid-template-columns:1fr;gap:25px}.marketing .examples-card{display:grid;grid-template-columns:1fr 1.25fr}.marketing .examples-card-art{min-height:320px}.marketing .examples-card-art strong{font-size:40px}.marketing .examples-how{grid-template-columns:1fr;gap:38px}.marketing .example-workspace{grid-template-columns:1fr;gap:25px}.marketing .example-resources{border:1px solid var(--line);border-radius:18px;padding:28px}.marketing .example-build{grid-template-columns:1fr;gap:35px}}@media (max-width:600px){.marketing .examples-intro{padding-block:45px 35px}.marketing .examples-intro>p:last-child{font-size:17px}.marketing .examples-card{display:flex}.marketing .examples-card-art{min-height:280px}.marketing .examples-card-art>svg{width:64px;height:64px}.marketing .examples-how{margin-top:48px;padding-top:40px}.marketing .example-detail-intro{padding-block:30px 35px}.marketing .example-back{margin-bottom:28px}.marketing .example-detail-intro>p:not(.eyebrow){font-size:17px}.marketing .example-preview-label{padding-inline:18px}.marketing .example-build{margin-top:40px;padding-top:45px}.marketing .example-next{padding-bottom:45px}.marketing .example-next>span{width:100%}.marketing .example-real-qr{grid-template-columns:1fr}}