/* JTBD: a product research landing with an interactive job story. */
.jtbd-page section[id],.jtbd-page article[id]{scroll-margin-top:100px}
.jtbd-page .jtbd-hero{padding:150px 0 0;background:radial-gradient(ellipse at 91% 16%,#f0e3fa 0,transparent 46%),#fcfaff;border-bottom:1px solid #e7ddef;overflow:hidden}
.jtbd-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center;padding-bottom:60px}
.jtbd-hero-copy{min-width:0;container-type:inline-size}
.jtbd-hero-copy h1{font-size:clamp(24px,9.4cqi,56px);font-weight:600;line-height:1.09;letter-spacing:-.045em;margin:0 0 28px}
.jtbd-hero-copy h1 span,.jtbd-hero-copy h1 em{display:block;white-space:nowrap}
.jtbd-hero-copy h1 em{font-style:normal;color:#8e21cd}
.jtbd-hero-copy>ul{list-style:none;margin:0;padding:0;max-width:550px}
.jtbd-hero-copy>ul li{position:relative;font-size:13px;line-height:1.75;color:#8a7599;padding-left:18px;margin:11px 0}
.jtbd-hero-copy>ul li:before{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#ab4be0;left:0;top:10px}
.jtbd-hero-copy .consumer-actions{gap:12px;margin-top:28px;flex-wrap:wrap}
.jtbd-hero-copy .button{padding-left:25px;padding-right:25px}
.jtbd-hero-bottom{display:flex;align-items:center;gap:35px;border-top:1px solid #e3d6ec;padding-top:23px;padding-bottom:23px;font-size:10px;color:#a58bb6;letter-spacing:.025em}
.jtbd-hero-bottom span+span:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#c29ad7;vertical-align:middle;margin-right:35px}
.jtbd-lab{position:relative;isolation:isolate;overflow:hidden;min-width:0;padding:27px;border-radius:25px;background:radial-gradient(ellipse at 100% 10%,#78439e 0,transparent 60%),linear-gradient(145deg,#2a173b,#24142f);color:#fff;border:1px solid #ad7bc44d;box-shadow:9px 11px 0 -2px #e9d9f5,9px 11px 0 -1px #dbc2eb,0 30px 65px -25px #6d389b45;transform:rotate(-1deg)}
.jtbd-lab-orbit{position:absolute;right:-75px;top:-50px;width:280px;height:280px;border:42px solid #d1a4ee0d;border-radius:50%;transform:rotate(-30deg) scaleY(.75);box-shadow:inset 8px 8px 22px #ffffff0b,inset -12px -10px 25px #11031d36,7px 9px 24px #15062226;z-index:-1;pointer-events:none}
.jtbd-lab-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:27px}
.jtbd-lab-top>div{display:flex;align-items:center;gap:10px}
.jtbd-lab-top img{object-fit:contain}
.jtbd-lab-top>div>span{font-size:9px;font-weight:500;letter-spacing:.09em;color:#f3ddff}
.jtbd-lab-top>span{font-size:8px;padding:6px 9px;border-radius:20px;border:1px solid #deb6f02b;background:#ffffff05;color:#c29bd7;white-space:nowrap}
.jtbd-lab-title{font-size:27px;line-height:1.2;letter-spacing:-.04em;font-weight:500;color:#fff;margin:0 0 24px}
.jtbd-examples{display:flex;gap:7px;margin-bottom:23px}
.jtbd-examples button{border:1px solid #d9b4f126;border-radius:25px;background:#ffffff04;color:#bc9dd0;min-height:35px;padding:8px 18px;font:inherit;font-size:10px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.jtbd-examples button:hover{background:#ffffff0d;color:#fff}
.jtbd-examples button[aria-pressed=true]{color:#422053;background:#f3e2ff;border-color:#f3e2ff;box-shadow:0 3px 12px #1002181a}
.jtbd-examples button:focus-visible{outline:2px solid #ddb3ff;outline-offset:4px}
.jtbd-job-story{display:grid;gap:10px;position:relative}
.jtbd-job-story:before{content:"";position:absolute;top:20px;bottom:20px;left:29px;width:1px;background:#b67ed94a;z-index:-1}
.jtbd-story-row{position:relative;display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:13px;padding:15px 13px;border-radius:12px;background:linear-gradient(110deg,#ffffff0e,#ffffff05);border:1px solid #d8b4ed24;box-shadow:0 5px 15px #17032209;backdrop-filter:blur(12px)}
.jtbd-story-row:last-child{background:linear-gradient(110deg,#ab60d33b,#d7b0f00d);border-color:#cf9bec45}
.jtbd-story-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid #dcadf227;border-radius:9px;background:#4d2c64;color:#d3a1f0;box-shadow:inset 0 1px 0 #ffffff0d}
.jtbd-story-icon svg{width:17px;height:17px}
.jtbd-story-row>div>span{font-size:7px;letter-spacing:.12em;color:#ba8dd3}
.jtbd-story-row p{font-size:14px;line-height:1.45;letter-spacing:-.015em;color:#f4e8fc;margin:5px 0 0;min-height:21px}
.jtbd-story-number{align-self:start;font-size:8px;color:#a67bbe;padding-top:4px}
.jtbd-lab-bottom{display:grid;grid-template-columns:1fr 22px;align-items:center;gap:10px;margin-top:23px;padding-top:18px;border-top:1px solid #d6a9ef24}
.jtbd-lab-bottom>span{grid-column:1/-1;font-size:7px;letter-spacing:.13em;color:#ac80c4}
.jtbd-lab-bottom p{font-size:11px;line-height:1.65;color:#d9c1e9;margin:0}
.jtbd-lab-bottom>svg{width:20px;height:20px;color:#d3a1ef;justify-self:end}
.jtbd-section-heading{display:grid;grid-template-columns:.45fr 1fr;gap:50px;align-items:start;margin-bottom:35px}
.jtbd-section-heading>.consumer-eyebrow{padding-top:8px}
.jtbd-section-heading h2{margin:0;max-width:650px}
.jtbd-use-list{border-top:1px solid #e2d6eb}
.jtbd-use-list details{border-bottom:1px solid #e2d6eb}
.jtbd-use-list summary{list-style:none;display:grid;grid-template-columns:45px 1fr 26px;gap:25px;align-items:center;cursor:pointer;padding:26px 0}
.jtbd-use-list summary::-webkit-details-marker,.jtbd-faq summary::-webkit-details-marker{display:none}
.jtbd-use-list summary>span:first-child{font-size:11px;color:#ae84c5}
.jtbd-use-list h3{font-size:24px;line-height:1.3;letter-spacing:-.03em;font-weight:500;margin:0}
.jtbd-plus{color:#a264bf;font-size:24px;font-weight:400;transition:transform .2s}
.jtbd-use-list details[open] .jtbd-plus{transform:rotate(45deg)}
.jtbd-use-list details>div{padding:0 55px 24px 70px;max-width:1000px}
.jtbd-use-list p{font-size:14px;line-height:1.85;color:#937f9e;margin:0 0 13px}
.jtbd-page .jtbd-method{background:#21142d;color:#f7effe}
.jtbd-editorial{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;align-items:start;margin-bottom:50px}
.jtbd-method-intro p{font-size:16px;line-height:1.9;color:#c1a9d1;margin:0}
.jtbd-method-mark{display:flex;gap:8px;align-items:center;margin-top:35px}
.jtbd-method-mark span{display:grid;place-items:center;width:48px;height:55px;border:1px solid #9d5fc448;border-radius:12px;background:linear-gradient(135deg,#54316c,#352143);font-size:26px;color:#e3c8f5;box-shadow:0 7px 15px #12051c30,inset 0 1px 0 #ffffff0a;transform:rotate(-7deg)}
.jtbd-method-mark span:nth-child(2){transform:translateY(-9px) rotate(3deg)}
.jtbd-method-mark span:nth-child(3){transform:translateY(2px) rotate(-4deg)}
.jtbd-method-mark span:nth-child(4){transform:translateY(-7px) rotate(9deg)}
.jtbd-components{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid #b889d32c;padding-top:30px}
.jtbd-components article{position:relative;padding:0 22px 0 0;border-right:1px solid #b889d32c}
.jtbd-components article:last-child{border:0;padding-right:0}
.jtbd-components article>span{font-size:10px;color:#a873c6;letter-spacing:.05em}
.jtbd-components article>svg{display:block;width:28px;height:28px;color:#b678de;margin:26px 0 18px}
.jtbd-components p{font-size:14px;line-height:1.85;color:#c3a9d2;margin:0}
.jtbd-method-conclusion{border-top:1px solid #b889d32c;padding-top:30px;margin-top:35px;margin-left:auto;max-width:785px}
.jtbd-method-conclusion p{font-size:16px;line-height:1.8;color:#dcc8ea;margin:0}
.jtbd-types{background:#faf7fc}
.jtbd-types h2{max-width:770px}
.jtbd-types-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.jtbd-types-grid article{padding:31px;border:1px solid #e6d9ee;border-radius:18px;background:#fff}
.jtbd-types-grid article:nth-child(2){background:#f4eafa;border-color:#e4cef0}
.jtbd-type-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}
.jtbd-type-top>span{font-size:10px;color:#aa85be}
.jtbd-type-top svg{width:28px;height:28px;color:#9741c4}
.jtbd-types-grid h3{font-size:24px;line-height:1.25;font-weight:500;letter-spacing:-.03em;margin:0 0 20px}
.jtbd-types-grid p{font-size:13px;line-height:1.85;color:#917a9e;margin:0}
.jtbd-process-top,.jtbd-pricing-top{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;margin-bottom:40px}
.jtbd-process-top h2,.jtbd-pricing-top h2{margin-bottom:0}
.jtbd-process-top>p,.jtbd-pricing-top>p{font-size:14px;line-height:1.9;color:#9c85aa;margin:30px 0 0;max-width:480px}
.jtbd-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.jtbd-process-grid article{border-top:1px solid #dfd0e8;padding-top:20px}
.jtbd-process-grid article>span{font-size:10px;color:#a176b7;letter-spacing:.05em}
.jtbd-process-grid h3{font-size:20px;line-height:1.35;letter-spacing:-.025em;font-weight:500;margin:26px 0 18px}
.jtbd-process-grid p{font-size:13px;line-height:1.85;color:#95809f;margin:0}
.jtbd-process-action{display:flex;align-items:center;gap:30px;margin-top:38px}
.jtbd-process-action>a{display:inline-flex;align-items:center;gap:12px;font-size:12px;color:#9763b1;line-height:1.6}
.jtbd-pricing{background:#fcfaff}
.jtbd-package h3{min-height:80px}
.jtbd-package .consumer-eyebrow{margin-bottom:21px}
.jtbd-package-price{margin:24px 0;display:flex;flex-direction:column;gap:10px;padding-top:22px;border-top:1px solid #c9a9dd3d}
.jtbd-package-price>span{font-size:11px;color:#a68ab5}
.jtbd-package-price strong{font-size:34px;font-weight:500;letter-spacing:-.04em;line-height:1.2}
.jtbd-package li{font-size:13px}
.jtbd-faq details{border-top:1px solid #e4d8ec}
.jtbd-faq details:last-child{border-bottom:1px solid #e4d8ec}
.jtbd-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:23px 0;cursor:pointer;font-size:19px;line-height:1.4;letter-spacing:-.02em}
.jtbd-faq summary>span{font-size:23px;font-weight:400;color:#a971c5;transition:transform .2s}
.jtbd-faq details[open] summary>span{transform:rotate(45deg)}
.jtbd-faq details>p{font-size:14px;line-height:1.85;color:#96819f;max-width:830px;padding:0 35px 24px 0;margin:0}
@media(max-width:1100px){.jtbd-hero-grid{gap:35px}.jtbd-lab{padding:22px}.jtbd-lab-title{font-size:25px}.jtbd-lab-top>span{font-size:7px}.jtbd-story-row p{font-size:12px}.jtbd-lab-top>div>span{font-size:8px}.jtbd-components{gap:20px}.jtbd-editorial{gap:55px}.jtbd-types-grid article{padding:25px}.jtbd-types-grid h3{font-size:21px}.jtbd-process-grid{grid-template-columns:1fr 1fr;gap:30px}.jtbd-process-grid h3{margin-top:20px}.jtbd-process-top,.jtbd-pricing-top{gap:40px}.jtbd-package h3{font-size:27px;min-height:92px}}
@media(max-width:760px){
 .jtbd-page .jtbd-hero{padding-top:30px}.jtbd-hero-grid{grid-template-columns:1fr;gap:40px;padding-bottom:34px}.jtbd-hero-copy h1{font-size:clamp(21px,9.4cqi,44px);margin-bottom:25px}.jtbd-hero-copy>ul li{font-size:13px;line-height:1.7;margin:12px 0}.jtbd-hero-copy .consumer-actions{margin-top:26px;display:grid;grid-template-columns:1fr}.jtbd-hero-copy .button{width:100%;text-align:center}.jtbd-hero-bottom{gap:10px;justify-content:space-between;font-size:8px;padding-top:20px;padding-bottom:20px}.jtbd-hero-bottom span+span:before{display:none}
 .jtbd-lab{padding:21px;transform:none;border-radius:20px}.jtbd-lab-top{margin-bottom:23px}.jtbd-lab-top>div>span{font-size:8px}.jtbd-lab-top>span{font-size:7px;padding:5px 7px}.jtbd-lab-top>div{gap:7px}.jtbd-lab-top img{width:24px}.jtbd-lab-title{font-size:26px}.jtbd-examples{margin-bottom:21px}.jtbd-examples button{min-height:42px;padding:9px 20px;font-size:11px}.jtbd-story-row{padding:13px 11px;gap:10px;grid-template-columns:30px 1fr 14px}.jtbd-story-icon{height:29px;width:29px}.jtbd-story-row p{font-size:13px;min-height:38px}.jtbd-lab-bottom{margin-top:21px}.jtbd-lab-bottom p{font-size:11px}
 .jtbd-section-heading{grid-template-columns:1fr;gap:0;margin-bottom:26px}.jtbd-section-heading>.consumer-eyebrow{padding-top:0}.jtbd-section-heading h2{max-width:550px}.jtbd-use-list summary{grid-template-columns:23px 1fr 20px;gap:14px;padding:23px 0}.jtbd-use-list h3{font-size:21px}.jtbd-use-list details>div{padding:0 0 20px 37px}.jtbd-use-list p{font-size:13px}
 .jtbd-editorial{grid-template-columns:1fr;gap:28px;margin-bottom:30px}.jtbd-method-mark{margin-top:25px;margin-bottom:8px}.jtbd-method-mark span{width:42px;height:47px;font-size:23px}.jtbd-method-intro p{font-size:14px;line-height:1.85}.jtbd-components{grid-template-columns:1fr;gap:24px;padding-top:25px}.jtbd-components article{padding:0 0 23px;border-right:0;border-bottom:1px solid #b889d32c;display:grid;grid-template-columns:29px 1fr;gap:0 13px}.jtbd-components article>svg{grid-column:1;width:23px;height:23px;margin:18px 0 0}.jtbd-components article>p{grid-column:2;grid-row:1/span 2;font-size:13px}.jtbd-components article:last-child{padding:0}.jtbd-method-conclusion{margin-top:25px;padding-top:25px}.jtbd-method-conclusion p{font-size:14px}
 .jtbd-types-grid{grid-template-columns:1fr;gap:16px}.jtbd-types-grid article{padding:27px 24px}.jtbd-type-top{margin-bottom:25px}.jtbd-types-grid h3{font-size:24px;margin-bottom:18px}.jtbd-types-grid p{font-size:13px}
 .jtbd-process-top,.jtbd-pricing-top{grid-template-columns:1fr;gap:0;margin-bottom:30px}.jtbd-process-top>p,.jtbd-pricing-top>p{font-size:13px;margin-top:22px}.jtbd-process-grid{grid-template-columns:1fr;gap:24px}.jtbd-process-grid article{padding-top:18px}.jtbd-process-grid h3{font-size:22px;margin:17px 0 13px}.jtbd-process-action{display:flex;flex-direction:column;gap:22px;margin-top:30px;align-items:stretch}.jtbd-process-action>a{justify-content:center;text-align:center}.jtbd-package h3{min-height:0;font-size:28px}.jtbd-package-price strong{font-size:33px}.jtbd-package li{font-size:13px}.jtbd-faq summary{font-size:17px;padding:22px 0}.jtbd-faq details>p{font-size:13px;padding-right:0}
}
@media(max-width:359px){.jtbd-lab{padding:17px}.jtbd-lab-top>div>span{font-size:7px}.jtbd-lab-top>span{font-size:6px}.jtbd-lab-top img{width:22px}.jtbd-lab-title{font-size:23px}.jtbd-examples button{padding:9px 16px}.jtbd-story-row p{font-size:12px}.jtbd-hero-bottom{font-size:7px}.jtbd-story-row{gap:8px}}
@media(prefers-reduced-motion:reduce){.jtbd-examples button,.jtbd-plus,.jtbd-faq summary>span{transition:none}}
