:root{--ink:#0b0b0b;--muted:#62625d;--yellow:#ffd600;--paper:#fffbf5;--line:#e8e8e2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:#fff;color:var(--ink);font-family:'Instrument Sans',Arial,sans-serif;font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #ff2d8d;outline-offset:5px}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}header{height:120px;display:flex;align-items:center;gap:36px}.logo{width:218px;height:auto;display:block}nav{margin-left:auto;display:flex;gap:30px;font-size:14px}nav a:hover,footer>a:hover{text-decoration:underline;text-underline-offset:5px}.button{height:52px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:0 24px;border-radius:14px;background:var(--yellow);font-size:15px;font-weight:600;white-space:nowrap;transition:background .15s}.button:hover{background:#efc900}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.nav-button{height:46px;font-size:14px;padding:0 20px}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:20px;align-items:center;padding:52px 0 54px}.hero>*{min-width:0}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.2px;margin:0 0 26px;display:flex;align-items:center;gap:8px}.eyebrow>span{width:7px;height:7px;background:#00c77b;border-radius:50%}h1{font-size:76px;line-height:1.01;letter-spacing:-3.2px;font-weight:700;margin:0 0 32px}h1>span{position:relative;display:inline-block}h1>span:after{content:'';height:5px;background:var(--yellow);border-radius:50%;position:absolute;left:0;right:0;bottom:-9px;transform:rotate(-2deg)}.lead{font-size:18px;line-height:1.6;color:var(--muted);max-width:430px;margin:0 0 28px}.small{font-size:12px;color:#777;margin:15px 0 0}.hero-image{display:block;width:113%;max-width:none;margin-left:-5%}.sources{padding:20px 0 50px;text-align:center}.sources>p{font-size:12px;color:#808078;margin:0 0 22px}.sources>div{display:flex;justify-content:center;gap:0;flex-wrap:wrap}.sources span{font-weight:500;font-size:15px;padding:0 28px;border-right:1px solid var(--line)}.sources span:last-child{border:0}.sources small{display:block;font-size:11px;line-height:1.5;color:#88887e;margin-top:20px}.how{border-top:1px solid var(--line);padding:72px 0 82px}.section-title{text-align:center;margin-bottom:43px}h2{font-weight:600;font-size:40px;line-height:1.12;letter-spacing:-1.4px;margin:0}.section-title>p{font-size:16px;color:var(--muted);margin:14px 0 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:52px}.number{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--yellow);font-size:13px;font-weight:600;margin-bottom:23px}h3{font-weight:600;font-size:21px;letter-spacing:-.4px;margin:0 0 12px}.steps p{font-size:15px;line-height:1.7;color:var(--muted);margin:0;max-width:280px}.example{background:#faf9f6;padding:76px 0}.example-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.example .eyebrow{font-size:10px;letter-spacing:1px;color:#777;margin-bottom:22px}.example h2{font-size:43px;line-height:1.15}.example-inner>div>p:last-child{font-size:16px;line-height:1.75;color:var(--muted);margin:24px 0 0}.chat{padding:26px;background:white;border:1px solid #e7e5df;border-radius:16px}.chat-label{font-size:11px;color:#888;margin-bottom:20px}.message{background:#f6f6f2;border-radius:10px;padding:20px}.link-preview{display:flex;gap:12px;align-items:center;padding-bottom:15px;border-bottom:1px solid #e1e1da}.link-preview>span{font-family:Arial,sans-serif;font-size:21px;color:#666}.link-preview b{font-weight:500;font-size:13px}.link-preview small{display:block;font-size:11px;color:#888;margin-top:5px}.message>p{font-size:16px;line-height:1.5;margin:16px 0 0}.handoff{display:flex;align-items:center;gap:14px;margin:24px 0}.handoff img{width:37px;height:37px;object-fit:contain}.handoff p{font-size:13px;line-height:1.6;margin:0;color:var(--muted)}.handoff b{font-weight:500;color:#111}.example-note{font-size:10px;line-height:1.5;color:#8b8b81;display:block}.answers{max-width:760px;padding:80px 0}.answers h2{text-align:center;font-size:32px;margin-bottom:35px}.answers>div{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:23px 0}summary{font-size:16px;font-weight:500;list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px}summary::-webkit-details-marker{display:none}details[open] summary svg{transform:rotate(45deg)}details>p{font-size:14px;line-height:1.8;color:var(--muted);margin:16px 35px 0 0}.developer-note{text-align:center;font-size:13px;line-height:1.8;color:var(--muted);margin:30px 0 0}.developer-note a{color:#111;text-decoration:underline;text-underline-offset:4px}.access{background:var(--paper);border-radius:18px;text-align:center;padding:60px 30px}.access .eyebrow{justify-content:center;font-size:10px;letter-spacing:1px;margin-bottom:20px}.access h2{font-size:45px}.access>p:not(.eyebrow){font-size:16px;line-height:1.7;color:var(--muted);margin:22px 0 25px}.access>small{display:block;font-size:11px;color:#888;margin-top:15px}footer{display:flex;align-items:center;gap:30px;padding:42px 0}footer .logo{width:160px}footer>a:nth-child(2){margin-left:auto;font-size:13px}footer small{font-size:11px;color:#888}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{gap:10px}h1{font-size:63px}.lead{font-size:17px}.hero-image{width:110%}.sources span{padding:0 20px;font-size:14px}.example-inner{gap:50px}.steps{gap:35px}.logo{width:190px}nav{gap:20px}.nav-button{font-size:12px}.answers{max-width:720px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}header{height:92px;gap:15px;justify-content:space-between}.logo{width:164px}nav{display:none}.nav-button{font-size:11px;height:42px;padding:0 12px;gap:8px;border-radius:12px}.nav-button svg{width:14px;height:14px}.hero{grid-template-columns:1fr;padding:30px 0 12px;gap:20px}.eyebrow{font-size:11px;margin-bottom:23px}h1{font-size:clamp(48px,13.6vw,72px);letter-spacing:-2.3px;line-height:1.04;margin-bottom:31px}.lead{font-size:17px;max-width:450px;line-height:1.6;margin-bottom:25px}.button{font-size:14px;height:50px;padding:0 20px}.nav-button{font-size:11px;height:42px;padding:0 12px}.hero-image{width:100%;margin:0;max-width:450px;justify-self:center}.small{font-size:11px}.sources{padding:10px 0 35px}.sources>p{font-size:11px;margin-bottom:17px}.sources>div{gap:14px 22px}.sources span{border:0;padding:0;font-size:13px}.sources small{font-size:10px;margin-top:18px}.how{padding:45px 0 50px}.section-title{text-align:left;margin-bottom:30px}h2{font-size:32px;letter-spacing:-1px}.section-title>p{font-size:15px}.steps{grid-template-columns:1fr;gap:27px}.steps article{display:grid;grid-template-columns:30px 1fr;gap:0 18px}.number{grid-row:1/3;margin:0}h3{font-size:19px;margin:3px 0 8px}.steps p{font-size:14px;max-width:340px}.example{padding:48px 0}.example-inner{grid-template-columns:1fr;gap:28px}.example h2{font-size:35px}.example-inner>div>p:last-child{font-size:15px;line-height:1.7;margin-top:20px}.example-inner>div>p:last-child br{display:none}.chat{padding:21px}.message{padding:17px}.message>p{font-size:15px}.answers{padding:50px 0}.answers h2{text-align:left;font-size:29px;margin-bottom:25px}summary{font-size:15px}details{padding:20px 0}details>p{font-size:13px;margin-right:15px}.developer-note{text-align:left;font-size:12px}.access{padding:40px 20px;border-radius:14px}.access h2{font-size:37px}.access>p:not(.eyebrow){font-size:15px}.access>small{font-size:10px}footer{flex-wrap:wrap;gap:20px;padding:30px 0}footer .logo{width:140px}footer>a:nth-child(2){font-size:12px}footer small{font-size:10px}}@media(max-width:360px){.logo{width:142px}.nav-button{font-size:10px;padding:0 10px}.nav-button svg{display:none}h1{font-size:47px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.sources>div{align-items:center}.sources span{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 23px}.platform-logo{width:25px;height:25px;object-fit:contain;display:block}.podcast-logo{width:25px;height:25px;stroke:#171717;stroke-width:1.7}@media(max-width:1050px){.sources span{padding:0 15px;gap:8px}.platform-logo,.podcast-logo{width:23px;height:23px}}@media(max-width:700px){.sources>div{gap:20px 24px}.sources span{padding:0;gap:8px}.platform-logo,.podcast-logo{width:23px;height:23px}}
.use-cases{background:#faf9f6;padding:72px 0}.use-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.use-card{min-width:0;background:#fff;border:1px solid #e7e5df;border-radius:18px;overflow:hidden}.use-art{height:300px;padding:28px 42px 20px;display:flex;flex-direction:column;align-items:center;background:#fffefb;border-bottom:1px solid #efede7}.outreach-art{background:#fcfdfb}.mini-link{width:100%;max-width:300px;background:#fff;border:2px solid #151515;border-radius:10px;padding:12px 15px;display:flex;align-items:center;gap:11px;font-size:12px;box-shadow:3px 3px 0 #ffe485}.mini-link svg{width:20px;height:20px}.mini-link i{width:6px;height:6px;background:#ff2d8d;border-radius:50%;margin-left:auto}.flow{height:67px;display:flex;align-items:center;justify-content:center;gap:9px;position:relative;flex-shrink:0}.flow>img{width:42px;height:42px;object-fit:contain}.flow>span{width:35px;height:1px;background:#b0b0a4}.flow>span:last-child:after{content:'';display:block;width:5px;height:5px;border-top:1px solid #b0b0a4;border-right:1px solid #b0b0a4;transform:translate(29px,-2px) rotate(45deg)}.mini-chat,.mini-outreach{background:#fff;border:2px solid #151515;border-radius:11px;width:100%;max-width:330px;padding:15px 18px;position:relative;box-shadow:4px 4px 0 #ffd600}.mini-chat:after{content:'';width:12px;height:12px;background:white;border-left:2px solid #151515;border-bottom:2px solid #151515;position:absolute;bottom:-8px;left:24px;transform:skewY(-35deg)}.chat-spark{font-size:22px;position:absolute;top:12px;right:16px;color:#686559}.mini-chat>p,.mini-outreach>p{font-size:13px;font-weight:500;margin:2px 17px 13px 0;line-height:1.5}.chat-lines{display:flex;flex-direction:column;gap:7px}.chat-lines>i{display:block;height:5px;border-radius:4px;background:#e8e8df;width:88%}.chat-lines>i:last-child{width:62%}.social-links{display:flex;gap:10px;width:100%;max-width:360px}.social-links>span{flex:1;background:#fff;border:2px solid #151515;border-radius:9px;padding:11px 9px;display:flex;gap:8px;align-items:center;font-size:10px;line-height:1.35;box-shadow:3px 3px 0 #ceeedd}.social-links img{width:20px;height:20px}.outreach-heading{display:flex;align-items:center;gap:9px;font-size:10px;color:#777;margin-bottom:12px}.outreach-heading svg{width:17px;height:17px;stroke:#222}.mini-outreach{box-shadow:4px 4px 0 #b5e9cd}.mini-outreach>p{margin-right:0}.use-copy{padding:30px 32px 32px}.use-label{font-size:10px;letter-spacing:1px;font-weight:500;color:#7b7b71;margin:0 0 14px}.use-copy h3{font-size:25px;line-height:1.2;margin:0 0 16px;letter-spacing:-.6px}.use-copy>p:not(.use-label){font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 20px}.use-copy>small{font-size:11px;line-height:1.6;color:#85857a;display:block}.use-note{font-size:11px;color:#88887e;text-align:center;margin:24px 0 0;line-height:1.6}@media(max-width:1050px){.use-art{padding-inline:25px}.use-copy{padding:26px}.use-copy h3{font-size:23px}}@media(max-width:700px){.use-cases{padding:48px 0}.use-grid{grid-template-columns:1fr;gap:22px}.use-art{height:280px;padding:25px 24px 20px}.use-copy{padding:25px}.use-copy h3{font-size:23px}.use-copy>p:not(.use-label){font-size:14px}.use-note{text-align:left;font-size:10px}.social-links>span{font-size:9px}.mini-chat>p,.mini-outreach>p{font-size:12px}.use-label{font-size:9px}}
.ai-eyebrow{position:relative;margin:0 0 26px;min-height:44px;z-index:3;width:max-content;max-width:100%}.ai-toggle{display:flex;align-items:center;gap:14px;border:0;background:none;padding:0;cursor:pointer;font-family:inherit;color:var(--ink);min-height:44px;text-align:left}.ai-toggle:focus-visible{outline:3px solid #ff2d8d;outline-offset:6px;border-radius:9px}.ai-stack{position:relative;display:block;width:112px;height:42px;flex-shrink:0;transition:width .35s cubic-bezier(.2,.8,.2,1)}.ai-badge{position:absolute;left:calc(var(--i)*23px);top:1px;display:flex;align-items:center;gap:8px;width:40px;height:40px;padding:10px;border-radius:50%;background:white;border:1px solid #e3e3dc;box-shadow:0 2px 3px #00000008;z-index:calc(5 - var(--i));transform:rotate(calc((var(--i) - 1.5)*-5deg));transition:left .35s cubic-bezier(.2,.8,.2,1),width .35s,border-radius .35s,transform .35s}.ai-badge img{display:block;width:19px;height:19px;flex-shrink:0}.ai-badge>span{font-size:11px;font-weight:500;opacity:0;max-width:0;overflow:hidden;transition:opacity .15s;white-space:nowrap}.ai-caption{font-size:12px;line-height:1.4;color:#62625d;transition:opacity .15s}.is-open .ai-stack{width:406px}.is-open .ai-badge{left:calc(var(--i)*103px);width:97px;border-radius:12px;transform:rotate(0)}.is-open .ai-badge>span{opacity:1;max-width:80px;transition-delay:.12s}.is-open .ai-caption{opacity:0;pointer-events:none;position:absolute}@media(max-width:700px){.ai-eyebrow{margin-bottom:25px}.is-open .ai-stack{width:330px}.is-open .ai-badge{left:calc(var(--i)*84px);width:79px;padding:9px 7px;gap:5px}.ai-badge>span{font-size:9px}.ai-badge img{width:18px;height:18px}.ai-caption{font-size:11px}}@media(max-width:360px){.is-open .ai-stack{width:280px}.is-open .ai-badge{left:calc(var(--i)*71px);width:68px;padding:8px 5px;gap:4px}.ai-badge>span{font-size:8px}.ai-badge img{width:16px;height:16px}}
/* Shared CTA proportions: 48px target, 20px side padding, 10px icon gap. */
.button{height:auto;min-height:48px;padding:13px 20px;gap:10px;border:1px solid transparent;border-radius:10px;font-size:14px;line-height:20px;font-weight:600;letter-spacing:0;vertical-align:middle;box-shadow:0 1px 2px #00000008;transition:background .15s,box-shadow .15s,transform .15s}.button svg{width:16px;height:16px;stroke-width:2;transition:transform .15s}.button:hover{background:#f3cd00;box-shadow:0 2px 4px #0000000d}.button:hover svg{transform:translateX(2px)}.button:active{transform:translateY(1px);box-shadow:none}.button:focus-visible{outline:2px solid #111;outline-offset:4px}.nav-button{min-height:44px;padding:11px 16px;font-size:13px;line-height:20px;border-radius:9px}.hero .lead{margin-bottom:24px}.hero .small{margin:12px 0 0;font-size:12px;line-height:18px}.access>p:not(.eyebrow){margin-bottom:24px}.access>small{margin-top:12px;line-height:18px}@media(max-width:700px){.button{min-height:48px;padding:13px 20px;font-size:14px}.nav-button{min-height:44px;padding:11px 12px;font-size:11px;gap:7px}.nav-button svg{width:14px;height:14px}.hero .lead{margin-bottom:24px}.hero .small{font-size:11px}.access>small{font-size:10px}}@media(max-width:360px){.nav-button{font-size:10px;padding-inline:10px}.nav-button svg{display:none}}@media(prefers-reduced-motion:reduce){.button,.button svg{transition:none}.button:hover svg{transform:none}}
/* Larger, bolder primary actions with a north-east arrow. */
.button{min-height:56px;padding:15px 26px;font-size:16px;line-height:24px;font-weight:700;gap:16px;border-radius:12px}.button svg{width:20px;height:20px;stroke-width:2}.button:hover svg{transform:translate(2px,-2px)}.nav-button{min-height:48px;padding:11px 20px;font-size:14px;line-height:24px;gap:12px;border-radius:10px}.nav-button svg{width:18px;height:18px}@media(max-width:700px){.button{min-height:56px;padding:15px 24px;font-size:16px;gap:14px}.nav-button{min-height:44px;padding:9px 12px;font-size:11px;line-height:24px;gap:8px}.nav-button svg{width:16px;height:16px;display:block}}@media(max-width:360px){.nav-button{font-size:10px;padding-inline:10px;gap:6px}.nav-button svg{width:14px;height:14px}}@media(prefers-reduced-motion:reduce){.button:hover svg{transform:none}}
/* Unified header and CTA scale. */
header{height:96px;gap:32px}header .logo{width:200px}nav{font-size:16px;gap:28px;font-weight:500}.hero{padding-top:38px;padding-bottom:48px}.hero h1{font-size:70px;letter-spacing:-2.8px}.button,.nav-button{min-height:52px;padding:13px 22px;font-size:15px;line-height:24px;font-weight:700;gap:12px;border-radius:11px}.button svg,.nav-button svg{width:18px;height:18px;display:block;stroke-width:2}.access h2{font-size:40px}.sources>p{font-size:13px}.sources small{font-size:12px}@media(max-width:1050px){header{gap:24px}header .logo{width:180px}nav{font-size:15px;gap:22px}.hero h1{font-size:62px}.button,.nav-button{font-size:15px;padding:13px 20px}}@media(max-width:700px){header{height:86px;gap:12px}header .logo{width:145px}.hero{padding-top:25px;padding-bottom:12px}.hero h1{font-size:clamp(48px,13.2vw,68px);letter-spacing:-2.2px}.button,.nav-button{min-height:52px;padding:13px 18px;font-size:14px;gap:10px;border-radius:11px}.button svg,.nav-button svg{width:18px;height:18px;display:block}.sources>p{font-size:12px}.sources small{font-size:11px}.access h2{font-size:33px}}@media(max-width:360px){header .logo{width:125px}.button,.nav-button{font-size:13px;padding-inline:14px;gap:8px}.button svg,.nav-button svg{width:17px;height:17px}}
.more-questions{margin-top:18px;padding:0;border:0}.more-questions>summary{justify-content:center;gap:10px;font-size:13px;color:#62625d;padding:14px;border-radius:9px;background:#faf9f6}.more-questions>summary svg{width:15px;height:15px}.faq-extra{border-top:1px solid var(--line);margin-top:18px}.faq-extra .faq-item[open]>summary svg{transform:rotate(45deg)}.faq-extra .faq-item:not([open])>summary svg{transform:none}
/* Paired editorial illustrations using approved ExportDat assets. */
.use-art.scene{height:300px;display:block;position:relative;padding:0;overflow:hidden;background:#fffefb}.use-art.outreach-scene{background:#fcfdfb}.carousel-drawing{position:absolute;left:11%;top:33px;width:126px;height:150px;transform:rotate(-9deg)}.back-slide,.middle-slide,.front-slide{position:absolute;inset:0;border:2.5px solid #111;border-radius:8px;background:white}.back-slide{transform:translate(15px,-7px) rotate(8deg)}.middle-slide{transform:translate(7px,-3px) rotate(4deg)}.front-slide{padding:13px;background:#ffd600;display:flex;flex-direction:column;align-items:flex-start}.front-slide>img{width:20px;height:20px}.front-slide>span{font-size:25px;letter-spacing:-1px;line-height:.96;font-weight:700;margin-top:16px}.front-slide>small{font-size:8px;margin-top:auto;font-weight:500}.mascot-delivery{position:absolute;left:39%;top:54px;width:150px;height:145px;transform:rotate(7deg)}.scene-mascot{position:absolute;width:100px;height:100px;object-fit:contain;top:0;left:7px;z-index:2}.scene-docs{position:absolute;width:105px;height:95px;object-fit:contain;right:-5px;bottom:0;mix-blend-mode:multiply;transform:rotate(-10deg);z-index:3}.scene .drawn-arrow{position:absolute;left:66%;top:92px;width:90px;height:55px;stroke:#111;stroke-width:3.4;fill:none;stroke-linecap:round;stroke-linejoin:round;transform:rotate(17deg)}.scene-chat{position:absolute;right:8%;bottom:28px;background:white;border:2.5px solid #111;border-radius:14px;padding:15px 23px 15px 44px;transform:rotate(-3deg);box-shadow:5px 5px 0 #ffd600}.scene-chat:after{content:'';position:absolute;left:22px;bottom:-11px;width:15px;height:16px;transform:skewY(-36deg);background:white;border-left:2.5px solid #111;border-bottom:2.5px solid #111}.assistant-mark{position:absolute;left:14px;top:18px;font-size:23px;line-height:1}.scene-chat p,.scene-email p{font-size:16px;font-weight:500;line-height:1.25;letter-spacing:-.3px;margin:0}.scene-spark{position:absolute;font-size:33px;font-weight:400;line-height:1}.pink-spark{color:#ff2d8d;left:8%;bottom:41px;transform:rotate(12deg)}.green-spark{color:#00c77b;left:9%;bottom:40px;transform:rotate(-12deg)}.prospect-posts{position:absolute;left:8%;top:35px;width:138px;height:108px;transform:rotate(-8deg)}.post-sheet{position:absolute;inset:0;border:2.5px solid #111;border-radius:8px;background:white;padding:11px;display:grid;grid-template-columns:19px 1fr;gap:7px;align-content:start}.post-sheet img{width:19px;height:19px}.post-sheet>span{font-size:9px;align-self:center}.post-sheet>b{grid-column:1/-1;font-size:15px;line-height:1.2;font-weight:600;margin-top:10px}.behind-post{transform:translate(15px,-9px) rotate(10deg);background:#e6f6ec}.outreach-scene .mascot-delivery{left:40%;top:57px}.research-note{position:absolute;left:32px;top:83px;padding:10px;background:#fff;border:2px solid #111;border-radius:7px;display:flex;gap:8px;align-items:center;z-index:3;transform:rotate(-10deg);box-shadow:3px 3px 0 #b5e9cd;white-space:nowrap}.profile-dot{width:26px;height:26px;background:#ddf4e6;border-radius:50%;display:grid;place-items:center}.profile-dot svg{width:20px;height:20px;stroke:#111;stroke-width:1.5}.research-note>span:last-child{font-size:9px;line-height:1.6}.research-note b{font-weight:500}.scene-email{position:absolute;right:7%;bottom:25px;border:2.5px solid #111;border-radius:9px;padding:14px 17px;transform:rotate(2deg);background:#fff;box-shadow:5px 5px 0 #b5e9cd}.scene-email>svg{width:17px;height:17px;margin-right:6px;vertical-align:middle}.scene-email>small{font-size:7px;letter-spacing:.4px;vertical-align:middle}.scene-email p{margin-top:10px;font-size:15px}.outreach-scene .drawn-arrow{left:68%;top:90px;transform:rotate(22deg)}@media(max-width:1050px) and (min-width:701px){.carousel-drawing{left:8%;width:112px;height:140px}.mascot-delivery{left:37%;transform:rotate(7deg) scale(.9)}.scene-chat{right:6%;padding-right:18px}.scene-chat p{font-size:15px}.prospect-posts{left:6%;width:125px}.outreach-scene .mascot-delivery{left:38%}.scene-email{right:6%;padding:13px}.scene-email p{font-size:14px}.scene-email>small{font-size:6px}}@media(max-width:700px){.use-art.scene{height:290px}.carousel-drawing{left:9%;top:33px;width:112px;height:138px}.front-slide>span{font-size:23px}.mascot-delivery{left:38%;top:54px;transform:rotate(7deg) scale(.9)}.scene-chat{right:8%;bottom:29px;padding:14px 20px 14px 40px}.scene-chat p{font-size:15px}.scene .drawn-arrow{left:68%;top:94px;width:70px}.prospect-posts{left:6%;top:36px;width:119px;height:105px}.post-sheet{padding:9px;gap:5px}.post-sheet>span{font-size:8px}.post-sheet>b{font-size:14px}.outreach-scene .mascot-delivery{left:37%}.scene-email{right:7%;bottom:25px;padding:13px}.scene-email p{font-size:14px}.scene-email>small{font-size:6px}.scene-email>svg{width:15px;height:15px}.scene-spark{font-size:28px}.pink-spark,.green-spark{left:9%;bottom:38px}}@media(max-width:360px){.mascot-delivery{left:34%;transform:rotate(7deg) scale(.8)}.outreach-scene .mascot-delivery{left:32%}.scene .drawn-arrow{width:60px;left:70%}.scene-chat{right:6%;padding-right:16px}.scene-chat p{font-size:14px}}
/* Concrete source-to-outcome stories. */
.front-slide>span{font-size:18px;letter-spacing:-.5px;line-height:1.1;margin-top:16px}.retrieval-label{position:absolute;left:-18px;top:149px;white-space:nowrap;font-size:9px;font-weight:500;line-height:1.3;color:#65655c;transform:rotate(-7deg);background:#fffefb;padding:3px 5px;border-radius:4px}.outreach-scene .retrieval-label{left:-9px;top:104px;background:#fcfdfb}.scene-chat{padding:14px 20px;min-width:188px}.outcome-label{display:block;font-size:7px;letter-spacing:.5px;color:#74746b;margin-bottom:8px}.scene-chat p{font-size:15px}.scene-email p{font-size:14px}.post-sheet>b{font-size:15px;line-height:1.25;margin-top:8px}.use-copy h3{font-size:24px;line-height:1.2;max-width:360px}.use-copy>p:not(.use-label){max-width:370px}@media(max-width:1050px) and (min-width:701px){.front-slide>span{font-size:16px}.retrieval-label{font-size:8px;left:-12px}.scene-chat{min-width:177px}.use-copy h3{font-size:22px}.post-sheet>b{font-size:14px}}@media(max-width:700px){.front-slide>span{font-size:16px;line-height:1.15}.retrieval-label{font-size:8px;top:147px;left:-12px}.outreach-scene .retrieval-label{top:105px;left:-12px}.scene-chat{min-width:174px;padding:13px 17px}.scene-chat p{font-size:14px}.scene-email p{font-size:14px}.post-sheet>b{font-size:14px}.use-copy h3{font-size:22px}.outcome-label{font-size:7px}}
.mascot-delivery .retrieval-label{top:-22px;left:-9px;font-size:9px}.outreach-scene .mascot-delivery .retrieval-label{top:-22px;left:-9px}@media(max-width:700px){.mascot-delivery .retrieval-label,.outreach-scene .mascot-delivery .retrieval-label{top:-21px;left:-9px;font-size:8px}}
/* The two product interfaces: assistant content and API JSON. */
.use-art.extraction-scene{position:relative;display:block;padding:0;height:320px;overflow:hidden;background:#fffefb}.use-art.api-scene{background:#fcfdfb}.paste-card{position:absolute;left:8%;right:8%;top:22px;background:#fff;border:2px solid #111;border-radius:10px;padding:11px 13px;transform:rotate(-2deg);box-shadow:4px 4px 0 #ffd600}.assistant-logos{display:flex;gap:9px;align-items:center;margin-bottom:10px}.assistant-logos>img{width:17px;height:17px}.assistant-logos>span{font-size:7px;letter-spacing:.4px;color:#777;margin-left:auto}.pasted-url{display:flex;align-items:center;gap:8px;background:#f7f7f1;padding:8px 10px;border-radius:6px;font-size:11px}.pasted-url>img{width:16px;height:16px}.pasted-url>svg{width:16px;height:16px;margin-left:auto}.extraction-mascot{position:absolute;left:10%;top:140px;display:flex;align-items:center;gap:12px}.extraction-mascot img{width:65px;height:65px;object-fit:contain;transform:rotate(-7deg)}.extraction-mascot>span{max-width:100px;font-size:11px;font-weight:500;line-height:1.4}.extraction-arrow{position:absolute;right:12%;top:135px;width:76px;height:48px;fill:none;stroke:#111;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.content-result{position:absolute;left:15%;right:8%;bottom:25px;border:2px solid #111;border-radius:10px;padding:15px;background:white;box-shadow:4px 4px 0 #ffd600;transform:rotate(1deg)}.result-title{font-size:12px;font-weight:500;display:flex;align-items:center;gap:8px}.result-title>span{color:#168b59}.content-types{display:flex;gap:16px;margin-top:13px;font-size:10px;color:#62625d}.content-types>span{display:flex;align-items:center;gap:5px}.content-types svg{width:15px;height:15px;stroke:#111;stroke-width:1.8}.api-input{position:absolute;left:8%;top:24px;width:75%;padding:11px 13px;border:2px solid #111;border-radius:9px;background:#fff;transform:rotate(-2deg);box-shadow:3px 3px 0 #b5e9cd}.api-input>span{font-size:8px;letter-spacing:.6px;color:#777;display:block;margin-bottom:8px}.api-input>div{display:flex;gap:9px;align-items:center;font-size:11px}.api-input img{width:17px;height:17px}.api-scene .extraction-mascot{left:8%;top:125px;flex-direction:column;gap:7px;align-items:center;width:90px}.api-scene .extraction-mascot>span{font-size:10px;text-align:center}.api-scene .extraction-arrow{left:27%;right:auto;top:137px;width:60px;transform:rotate(-20deg)}.json-result{position:absolute;right:6%;bottom:20px;width:65%;border:2px solid #111;border-radius:9px;background:white;box-shadow:4px 4px 0 #b5e9cd;transform:rotate(1deg);overflow:hidden}.json-title{display:flex;align-items:center;gap:7px;padding:9px 10px;border-bottom:1px solid #e8e8df;flex-wrap:wrap}.json-title>b{font-size:14px;font-weight:600}.json-title>span{font-size:7px;letter-spacing:.4px}.json-title>small{font-size:7px;color:#888;margin-left:auto}.json-result pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;line-height:1.45;letter-spacing:-.1px;color:#333;padding:10px 12px;margin:0;white-space:pre;overflow:hidden}.use-copy h3{font-size:24px;max-width:380px}@media(max-width:1050px) and (min-width:701px){.content-types{gap:11px}.json-result pre{font-size:8px;padding:10px}.json-title>small{width:100%;margin-left:22px}.extraction-mascot>span{font-size:10px;max-width:85px}.use-copy h3{font-size:22px}}@media(max-width:700px){.use-art.extraction-scene{height:310px}.paste-card{left:7%;right:7%;padding:10px}.assistant-logos{gap:8px}.assistant-logos>span{font-size:6px}.pasted-url{font-size:10px}.extraction-mascot{left:8%;top:132px;gap:8px}.extraction-mascot img{width:60px;height:60px}.extraction-mascot>span{font-size:10px;max-width:80px}.extraction-arrow{right:10%;top:135px;width:60px}.content-result{left:10%;right:7%;padding:14px;bottom:24px}.content-types{gap:12px;font-size:9px}.result-title{font-size:11px}.api-input{left:7%;width:85%;top:23px}.api-input>div{font-size:10px}.api-scene .extraction-mascot{left:5%;top:135px;width:78px}.api-scene .extraction-arrow{left:24%;top:130px;width:50px}.json-result{right:5%;width:67%;bottom:22px}.json-result pre{font-size:8px;padding:9px;line-height:1.5}.json-title{padding:8px;gap:5px}.json-title>span,.json-title>small{font-size:6px}.json-title>small{width:100%;margin-left:20px}.use-copy h3{font-size:22px}}@media(max-width:360px){.content-types{gap:9px;font-size:8px}.content-types svg{width:13px;height:13px}.json-result pre{font-size:7px}.assistant-logos>span{font-size:5px}.assistant-logos{gap:7px}}
/* One clear interface per use case. */
.use-art.interface-art{display:flex;align-items:center;justify-content:center;height:320px;padding:24px 30px;background:#fffefb}.use-art.api-interface{background:#fcfdfb}.workflow-frame{width:100%;height:270px;background:white;border:2px solid #111;border-radius:11px;overflow:hidden;box-shadow:4px 4px 0 #ffd600}.api-interface .workflow-frame{box-shadow:4px 4px 0 #b5e9cd}.frame-bar{height:40px;border-bottom:1px solid #e5e5dc;display:flex;align-items:center;justify-content:space-between;padding:0 15px;gap:10px}.frame-bar>span{font-size:8px;letter-spacing:.5px;color:#74746a}.frame-assistants{display:flex;align-items:center;gap:11px}.frame-assistants img{width:17px;height:17px}.frame-bar>.braces{font-size:17px;font-weight:600;letter-spacing:0;color:#111}.conversation-body{padding:21px 20px}.user-url{margin-left:35px}.user-url>span{font-size:8px;font-weight:500;color:#888;display:block;text-align:right;margin-bottom:7px}.user-url>div{display:flex;align-items:center;gap:8px;background:#f5f5ef;padding:12px;border-radius:8px;font-size:11px}.user-url img{width:17px;height:17px}.user-url svg{width:15px;height:15px;margin-left:auto}.tool-result{display:flex;gap:12px;margin-top:26px;align-items:flex-start}.tool-result>img{width:36px;height:36px;object-fit:contain;margin-top:1px}.tool-name{font-size:9px;color:#888}.tool-result p{font-size:15px;font-weight:500;margin:7px 0 12px}.tool-result p>span{font-size:13px;color:#168a57;margin-left:5px}.retrieved-types{display:flex;gap:8px}.retrieved-types>span{font-size:10px;padding:5px 8px;background:#faf7ec;border-radius:4px;color:#777569}.request-block{padding:12px 15px;border-bottom:1px solid #e5e5dc}.code-label{font-size:7px;font-weight:500;letter-spacing:.6px;color:#8a8a7d;display:flex;justify-content:space-between;align-items:center}.endpoint{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;margin:8px 0 6px}.endpoint b{font-size:9px;color:#26865b;font-weight:600;margin-right:6px}.workflow-frame pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;line-height:1.4;color:#45463d;margin:0;white-space:pre;overflow:hidden;letter-spacing:-.2px}.request-block pre{font-size:9px}.response-block{padding:11px 15px}.response-block pre{margin-top:8px}.code-label>span{font-size:7px;letter-spacing:0;color:#999;font-weight:400}.use-copy h3{max-width:380px;font-size:24px;line-height:1.2}@media(max-width:1050px) and (min-width:701px){.use-art.interface-art{padding:24px 22px}.user-url>div{font-size:9px}.request-block pre{font-size:8px}.use-copy h3{font-size:22px}}@media(max-width:700px){.use-art.interface-art{height:310px;padding:20px}.workflow-frame{height:267px}.frame-bar{padding:0 12px}.frame-bar>span{font-size:7px}.frame-assistants{gap:10px}.frame-assistants img{width:16px;height:16px}.conversation-body{padding:20px 14px}.user-url{margin-left:20px}.user-url>div{padding:11px 9px;font-size:9px;gap:6px}.tool-result{gap:10px;margin-top:27px}.tool-result p{font-size:14px}.tool-result>img{width:32px;height:32px}.retrieved-types{gap:6px}.retrieved-types>span{font-size:9px;padding:5px 7px}.request-block,.response-block{padding-inline:12px}.request-block pre{font-size:7.7px}.workflow-frame .response-block pre{font-size:8px;line-height:1.5}.endpoint{font-size:10px}.code-label{font-size:7px}.use-copy h3{font-size:22px}}@media(max-width:360px){.use-art.interface-art{padding-inline:16px}.frame-bar>span{font-size:6px}.frame-assistants{gap:8px}.user-url>div{font-size:8px}.request-block pre{font-size:6.7px}.tool-result p{font-size:13px}}
.use-art.copy-paste-art{height:320px;display:block;position:relative;padding:0;background:#fffefb;overflow:hidden}.copy-step-label,.paste-step-label{position:absolute;font-size:12px;font-weight:600;color:#333}.copy-step-label{left:9%;top:23px}.social-copy-card{position:absolute;left:9%;right:14%;top:48px;background:#fff;border:2px solid #111;border-radius:10px;padding:12px 14px;box-shadow:3px 3px 0 #ffd600;transform:rotate(-2deg)}.social-copy-heading{display:flex;align-items:center;gap:8px;font-size:10px;color:#666;margin-bottom:12px}.social-copy-heading img{width:17px;height:17px}.social-copy-heading>span:last-child{margin-left:auto;color:#111;letter-spacing:1px}.copy-url-line{display:flex;align-items:center;gap:9px;font-size:10px;justify-content:space-between}.copy-url-line>span:first-child{color:#777}.copy-action{display:flex;align-items:center;gap:5px;background:#fff3a3;padding:6px 8px;border-radius:5px;font-size:9px;font-weight:600;color:#111;white-space:nowrap}.copy-action svg{width:13px;height:13px;stroke-width:1.8}.paste-arrow{position:absolute;right:4%;top:101px;width:65px;height:66px;stroke:#111;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.paste-step-label{left:13%;top:161px}.chat-composer{position:absolute;left:13%;right:7%;bottom:22px;background:white;border:2px solid #111;border-radius:14px;box-shadow:4px 4px 0 #ffd600;padding:12px 14px}.composer-assistants{display:flex;gap:10px;align-items:center}.composer-assistants img{width:15px;height:15px}.composer-input{display:flex;align-items:center;margin:15px 0;font-size:12px;white-space:nowrap}.url-highlight{background:#fff1a5;padding:3px 5px;border-radius:3px}.text-caret{display:inline-block;width:1px;height:17px;background:#111;margin-left:2px}.composer-bottom{display:flex;align-items:center;gap:12px}.composer-bottom>span:first-child{font-size:20px;line-height:1;color:#666}.connected-tool{display:flex;align-items:center;gap:5px;font-size:8px;color:#777}.connected-tool img{width:18px;height:18px;object-fit:contain}.send-circle{margin-left:auto;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#111;color:white}.send-circle svg{width:16px;height:16px;stroke-width:2}@media(max-width:1050px) and (min-width:701px){.copy-url-line{font-size:9px;gap:5px}.social-copy-card{padding:11px}.copy-action{padding:6px;font-size:8px}.composer-input{font-size:11px}}@media(max-width:700px){.use-art.copy-paste-art{height:310px}.copy-step-label{left:8%;top:22px}.social-copy-card{left:8%;right:11%;top:46px;padding:11px}.copy-url-line{font-size:8px;gap:5px}.copy-action{font-size:8px;padding:6px}.copy-action svg{width:12px;height:12px}.paste-arrow{width:55px;right:2%;top:102px}.paste-step-label{left:11%;top:157px;font-size:11px}.chat-composer{left:11%;right:7%;bottom:20px;padding:11px 12px}.composer-input{font-size:10px;margin:14px 0}.composer-assistants img{width:14px;height:14px}.connected-tool{font-size:8px}.copy-step-label{font-size:11px}}@media(max-width:360px){.copy-url-line{font-size:7px}.copy-action{font-size:7px;padding:5px}.composer-input{font-size:9px}.connected-tool{font-size:7px}}