/* Shared use-case pages and the home discovery block. No editor or checkout styles. */
.usecase-page .usecase-hero{display:grid;grid-template-columns:1.03fr 1fr;gap:6%;align-items:center;padding-bottom:68px}
.usecase-page .usecase-hero h1{font-size:clamp(54px,6.2vw,90px)}
.usecase-page .page-breadcrumb{margin-bottom:38px}
.usecase-page .usecase-hero figure{margin:0;max-width:none;min-width:0}
.usecase-visual{position:relative;padding:42px 15px 0;isolation:isolate}
.usecase-visual .usecase-main-card{width:95%;transform:rotate(-8deg);margin:0 0 28px;filter:drop-shadow(0 25px 24px #0007)}
.usecase-visual .usecase-second-card{position:absolute;right:-1%;top:4px;width:75%;transform:rotate(9deg);margin:0;opacity:.78;z-index:-1}
.usecase-visual figcaption{margin-top:24px;font-size:11px!important;line-height:1.6;color:#b8b8ac!important}
.usecase-mini{position:relative;margin:0 0 0 15%;padding:20px 24px;background:#eeeade;color:#292c26;border:1px solid #ddd6c4;border-radius:3px;box-shadow:0 16px 35px #0003}
.usecase-mini>p{font-size:10px;letter-spacing:.12em;margin-bottom:12px;color:#68624e}
.usecase-mini ul{padding:0;list-style:none;margin:0}.usecase-mini li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #d9d5c8;font-size:12px}.usecase-mini li:last-child{border:0}
.usecase-mini span{color:#686a63}.usecase-mini strong{font-size:15px;font-weight:600;display:block}
.usecase-mini small{display:block;font-size:11px;margin-top:7px;color:#686a63}
.usecase-hero-note{font-size:11px;color:#bbbdb1;max-width:470px;margin-top:22px!important}
.usecase-answer{padding:38px 7%;display:grid;grid-template-columns:1fr 1.5fr;gap:7%;border-bottom:1px solid #d8d8cf}
.usecase-answer h2{font-size:34px;margin-bottom:0}.usecase-answer p{font-size:14px;color:#55594f;margin-bottom:0}
.usecase-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.usecase-table th{width:29%;font-weight:600}.usecase-table th,.usecase-table td{padding:23px 20px 23px 0;border-top:1px solid #cecec4;vertical-align:top}.usecase-table td{color:#565a51}
.usecase-steps{list-style:none;counter-reset:steps;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.usecase-steps li{counter-increment:steps;border-top:1px solid #c9cabe;padding-top:20px}.usecase-steps li:before{content:'0' counter(steps);display:block;font-size:12px;color:#796139;margin-bottom:25px}.usecase-steps h3{font-size:18px}.usecase-steps p{font-size:14px;color:#686a63}
.usecase-demo{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;background:#e9e5d9;padding:28px 32px;margin-top:30px}.usecase-demo p{margin:0;flex:1 1 250px;font-size:14px}.usecase-demo a{font-size:13px;border-bottom:1px solid;padding:10px 0;white-space:nowrap}
.usecase-quote{display:grid;grid-template-columns:.82fr 1.18fr;gap:8%;background:#eae8df}.usecase-quote h2{font-size:clamp(38px,4vw,59px)}.usecase-quote>div>p:not(.eyebrow){font-size:14px;color:#565a51}
.usecase-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-width:0}.usecase-form label{font-size:12px;display:block;font-weight:600}.usecase-form input,.usecase-form select,.usecase-form textarea{display:block;width:100%;border:1px solid #aaa99f;border-radius:3px;min-height:48px;background:#faf9f5;padding:12px;color:#252723;font:400 16px/1.5 Manrope,Arial,sans-serif;margin-top:8px}.usecase-form textarea{resize:vertical;min-height:112px}.usecase-form input:focus-visible,.usecase-form select:focus-visible,.usecase-form textarea:focus-visible{outline:3px solid #957435;outline-offset:2px}.usecase-form .full{grid-column:1/-1}.usecase-form button{font-family:inherit;cursor:pointer;background:#252723;color:#f5f3ed!important;justify-self:start}.usecase-form button:hover{background:#42473c}.usecase-form small{font-weight:400;color:#686a63}.usecase-form .quote-disclosure{font-size:11px;color:#62665a;margin:0}.usecase-form .quote-disclosure a{text-decoration:underline}
.quote-result{padding:22px;background:#faf9f5;border:1px solid #c4c1b5}.quote-result[hidden]{display:none!important}.quote-result h3{margin-bottom:8px;font-size:17px}.quote-result p{font-size:12px;color:#62665a}.quote-result pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.65 Manrope,Arial,sans-serif;padding:15px;background:#eeece4}.quote-result>a{width:100%}
.usecase-related{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:55px}.usecase-related>a{display:block;border-top:1px solid #c9cabe;padding-top:20px}.usecase-related strong{font-size:16px;font-weight:500}.usecase-related p{font-size:13px;color:#686a63;margin:10px 0}.usecase-related span{font-size:12px;color:#795f31}
.usecase-home{background:#e9e7df;padding:75px 7%;color:#252723}.usecase-home *{box-sizing:border-box}.usecase-home h2{font:400 clamp(40px,4.5vw,62px)/1.07 'Cormorant Garamond',Georgia,serif;letter-spacing:-.03em;margin:0 0 18px}.usecase-home>.eyebrow{font-size:10px;letter-spacing:.16em;margin:0 0 18px}.usecase-home>p:not(.eyebrow){max-width:610px;font-size:14px;line-height:1.8;color:#62665a;margin:0 0 32px}.usecase-home-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.usecase-home-grid>a{color:inherit;text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid #c3c4b8;padding:22px 0 10px;min-width:0}.usecase-home-grid>a:hover h3{text-decoration:underline;text-underline-offset:5px}.usecase-home-grid>a:focus-visible{outline:3px solid #957435;outline-offset:6px}.usecase-home-grid img{display:block;width:100%;height:auto;aspect-ratio:1100/696;object-fit:contain;filter:drop-shadow(0 9px 6px #0002);margin:10px 0 25px}.usecase-home-grid h3{font:500 17px/1.45 Manrope,Arial,sans-serif;margin:0 0 10px}.usecase-home-grid p{font-size:13px;line-height:1.75;color:#62665a;margin:0 0 20px}.usecase-home-grid span{font-size:12px;color:#725b31;margin-top:auto;min-height:35px;display:flex;align-items:center}.usecase-home>small{font-size:10px;display:block;margin-top:25px;color:#686a63}
@media(max-width:1000px){.usecase-home-grid{grid-template-columns:repeat(2,1fr)}.usecase-page .usecase-hero{gap:3%}.usecase-page .page-nav{gap:16px}.usecase-quote{gap:5%}}
@media(max-width:700px){.usecase-page .usecase-hero{grid-template-columns:1fr;padding:26px 6% 45px;gap:40px}.usecase-page .usecase-hero h1{font-size:55px}.usecase-visual{padding:30px 8px 0}.usecase-answer{grid-template-columns:1fr;gap:20px;padding:35px 6%}.usecase-answer h2{font-size:31px}.usecase-quote{grid-template-columns:1fr;gap:25px}.usecase-table th{width:34%}.usecase-table th,.usecase-table td{padding-right:12px;font-size:13px}.usecase-steps{grid-template-columns:1fr;gap:18px}.usecase-steps li:before{margin-bottom:12px}.usecase-demo{padding:22px;gap:10px}.usecase-home{padding:48px 6%}.usecase-home-grid{gap:24px 18px}.usecase-home-grid h3{font-size:15px}.usecase-home-grid p{font-size:12px}.usecase-home-grid img{margin-bottom:20px}.usecase-related{grid-template-columns:1fr;gap:22px}.usecase-mini{margin-left:9%;padding:17px 20px}}
@media(max-width:380px){.usecase-form{grid-template-columns:1fr}.usecase-page .usecase-hero h1{font-size:48px}.usecase-home-grid{grid-template-columns:1fr}.usecase-home-grid img{width:75%;align-self:center}.usecase-table th{width:36%}}
