/* Current offer. The archived pages keep their original styles. */
.marketing *{box-sizing:border-box}
.marketing .wrap{width:min(1296px,100% - 48px);margin-inline:auto}
.marketing h1,.marketing h2,.marketing h3,.marketing h4{font-family:'Baloo 2',sans-serif;font-weight:800}
.marketing h1{font-size:clamp(48px,6.4vw,88px);line-height:1.02;letter-spacing:-1px;text-wrap:balance}
.marketing h2{font-size:clamp(34px,4.2vw,56px);line-height:1.08;letter-spacing:-.8px;max-width:25ch;text-wrap:balance}
.marketing h3{font-size:clamp(22px,2vw,27px);line-height:1.2}
.marketing h4{font-size:23px;line-height:1.2;margin:0}
.marketing p,.marketing li{font-size:18px;font-weight:600;line-height:1.65;color:#3d3d3d}
.marketing p+p{margin-top:18px}
.marketing .eyebrow,.marketing .hand{font-family:Caveat,cursive;font-weight:700;color:#2468c9;font-size:28px;line-height:1.2}
.marketing .eyebrow{margin-bottom:18px}
.marketing .lead{font-size:clamp(18px,1.5vw,21px);line-height:1.6}
.marketing .small{font-size:15px;line-height:1.6;color:#6b6b6b}
.marketing .site-header{position:sticky;top:0;z-index:20;background:#fbf8f1;border-bottom:2px solid #2b2b2b}
.marketing .header-row{display:flex;align-items:center;gap:24px;min-height:84px}
.marketing .brand{font:800 30px/1 'Baloo 2',sans-serif;text-decoration:none;color:#2b2b2b;white-space:nowrap}
.marketing .desktop-nav{display:flex;align-items:center;gap:24px;margin-left:auto}
.marketing nav a{font-weight:800;font-size:16px;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.marketing nav a:hover{text-decoration:underline;text-decoration-color:#ffd23f;text-decoration-thickness:4px;text-underline-offset:5px}
.marketing .button{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:64px;padding:15px 25px;border:2.5px solid #2b2b2b;border-radius:16px;background:#2468c9;color:#fff;text-decoration:none;font:800 22px/1.2 'Baloo 2',sans-serif;box-shadow:4px 5px 0 #2b2b2b;transition:transform .15s,box-shadow .15s}
.marketing .button:hover{transform:translate(-1px,-2px);box-shadow:5px 7px 0 #2b2b2b;background:#1c57ab;color:#fff}
.marketing .button:active{transform:translate(3px,4px);box-shadow:none}
.marketing .secondary{min-height:46px;font:800 16px/1.2 Nunito,sans-serif;background:#fff3a8;color:#2b2b2b;border:2px solid #2b2b2b;border-radius:12px;padding:10px 18px;box-shadow:2px 3px 0 #2b2b2b}
.marketing .secondary:hover{background:#fff3a8;color:#2b2b2b}
.marketing .header-cta{flex-shrink:0}
.marketing .mobile-menu{display:none}
.marketing .skip-link{position:fixed;top:8px;left:12px;transform:translateY(-200%);z-index:200;padding:12px;background:#fff3a8;border:2px solid #2b2b2b}
.marketing .skip-link:focus{transform:none}
.marketing .hero{display:grid;grid-template-columns:1.12fr 1fr;gap:64px;align-items:center;padding-block:clamp(48px,6vw,80px)}
.marketing .hero-copy{display:flex;flex-direction:column;gap:25px;min-width:0}
.marketing .hero-copy p{margin:0}
.marketing .hero-actions{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap}
.marketing .text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 0;color:#2468c9;text-underline-offset:5px;font-weight:800;font-size:17px;line-height:1.4}
.marketing .promise{align-self:flex-start;background:#fff3a8;color:#2b2b2b;padding:10px 15px;font-size:26px;max-width:36ch;transform:rotate(-1deg)}
.marketing .hero-art{display:flex;flex-direction:column;align-items:center;gap:20px;min-width:0;padding:20px 5px}
.marketing .hero-art .hand{font-size:26px;margin:0}
.marketing .polaroid{margin:0;position:relative;width:100%;max-width:540px;padding:14px 14px 12px;background:white;border:2px solid #2b2b2b;box-shadow:4px 5px 0 #2b2b2b26;transform:rotate(-1.5deg)}
.marketing .polaroid:before{content:'';position:absolute;width:100px;height:26px;top:-14px;left:40%;background:#fff3a8d9;border:1px solid #2b2b2b33;transform:rotate(-3deg)}
.marketing .polaroid img{display:block;width:100%;height:auto}
.marketing .polaroid figcaption{display:flex;justify-content:space-around;font:700 25px/1.2 Caveat,cursive;padding-top:10px}
.marketing .robot-line{display:flex;align-items:flex-end;gap:25px;padding-top:4px}
.marketing .robot-line img{height:72px;width:auto;animation:bob 3s ease-in-out infinite}
.marketing .robot-line img:nth-child(2){height:95px;animation-delay:-1s}
.marketing .section{padding-block:clamp(56px,6vw,88px);border-top:2px solid #2b2b2b;scroll-margin-top:110px}
.marketing .white{background:white}
.marketing .section-intro{margin-bottom:38px;max-width:900px}
.marketing .intro-copy{max-width:75ch;margin-bottom:32px}
.marketing .split{display:grid;grid-template-columns:1fr 1fr;gap:35px 80px;align-items:start}
.marketing .split p+h3,.marketing .split h3+p{margin-top:18px}
.marketing .job-list{list-style:none;padding:0;margin:0 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 54px}
.marketing .job-list li{display:flex;gap:22px;padding:28px 0;border-top:2px dashed #b9b2a4}
.marketing .job-index{font:800 24px/1.3 'Baloo 2',sans-serif;color:#2468c9;min-width:30px}
.marketing .job-list p{margin-top:8px}
.marketing .steps{display:grid;grid-template-columns:1fr 1fr;gap:34px 54px;padding:0;list-style:none;margin:0 0 24px}
.marketing .steps li{display:flex;align-items:start;gap:22px}
.marketing .step-number{display:flex;align-items:center;justify-content:center;min-width:52px;min-height:52px;border:2px solid #2b2b2b;border-radius:50%;background:#fff3a8;box-shadow:2px 3px 0 #2b2b2b;font:800 27px/1 'Baloo 2',sans-serif}
.marketing .steps li:nth-child(2) .step-number{background:#cfe4ff}
.marketing .steps li:nth-child(3) .step-number{background:#ffd9d9}
.marketing .steps li:nth-child(4) .step-number{background:#fff}
.marketing .steps h3+p{margin-top:10px}
.marketing .deliverable{padding-top:14px;margin-top:16px;border-top:2px dashed #b9b2a4;font-size:16px}
.marketing .outcomes{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:36px 0 0}
.marketing .outcomes li{padding-top:22px;border-top:2px dashed #b9b2a4}
.marketing .outcomes h3{font:800 17px/1.4 Nunito,sans-serif}
.marketing .outcomes .measure{font:800 clamp(30px,3vw,44px)/1.15 'Baloo 2',sans-serif;color:#2468c9;margin:18px 0 14px}
.marketing .outcomes li p:last-child{font-size:16px}
.marketing .faq{border-top:2px solid #2b2b2b}
.marketing .faq details{border-bottom:2px dashed #b9b2a4}
.marketing .faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:23px 0;font:700 28px/1.3 Caveat,cursive;color:#2468c9;min-height:70px}
.marketing .faq summary::-webkit-details-marker{display:none}
.marketing .faq summary span{font:600 24px/1 Nunito,sans-serif;flex-shrink:0}
.marketing .faq details[open] summary span{transform:rotate(45deg)}
.marketing .answer{max-width:76ch;padding:0 28px 27px 0}
.marketing .answer ul{padding-left:23px;margin:20px 0}
.marketing .answer li+li{margin-top:16px}
.marketing .final-cta .wrap{display:flex;flex-direction:column;gap:24px;align-items:center;text-align:center;max-width:950px}
.marketing .final-cta h2{max-width:23ch}
.marketing .final-cta p{margin:0}
.marketing .final-cta .lead{max-width:55ch}
.marketing .site-footer{padding:36px 0 40px;border-top:2px solid #2b2b2b}
.marketing .site-footer nav{display:flex;gap:4px 24px;flex-wrap:wrap;margin-block:20px}
.marketing .page-intro{padding-block:clamp(48px,6vw,80px);max-width:1296px}
.marketing .page-intro h1{max-width:22ch}
.marketing .page-intro .lead{max-width:65ch;margin-top:25px}
.marketing .faq-section{padding-bottom:80px}
.marketing .agent-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 40px;margin-bottom:36px}
.marketing .group-title{font:700 28px/1.2 Caveat,cursive;color:#2468c9;margin-bottom:22px}
.marketing .agent-list{padding:0;list-style:none;margin:0}
.marketing .agent-list li{border-top:2px dashed #b9b2a4;padding:20px 0}
.marketing .agent-list p{font-size:17px;margin-top:8px}
.marketing .acceptance{border:2px solid #2b2b2b;background:#fbf8f1;padding:28px;max-width:850px;margin-top:32px;box-shadow:3px 4px 0 #2b2b2b20;border-radius:6px}
.marketing .acceptance h3+p{margin-top:15px}
.marketing .acceptance ul{padding-left:22px}
.marketing .acceptance li{padding-block:6px}
.marketing .table-scroll{overflow-x:auto;margin-block:24px}
.marketing table{width:100%;border-collapse:collapse;text-align:left;font-weight:700;line-height:1.5;min-width:520px}
.marketing caption{font-weight:800;text-align:left;margin-bottom:18px}
.marketing th,.marketing td{padding:22px 18px;border-bottom:2px dashed #b9b2a4;vertical-align:top}
.marketing thead{background:#fff3a8;border-block:2px solid #2b2b2b}
.marketing tbody th span{display:block;font-size:15px;font-weight:600;color:#6b6b6b}
.marketing .rules{max-width:80ch;padding-left:23px}
.marketing .rules li{margin-top:12px}
.marketing #guys{scroll-margin-top:110px}
@media(max-width:1100px){.marketing .desktop-nav{gap:15px}.marketing .desktop-nav a{font-size:15px}.marketing .header-row{gap:18px}.marketing .brand{font-size:27px}.marketing .hero{gap:35px}}
@media(max-width:950px){.marketing .desktop-nav{display:none}.marketing .header-cta{margin-left:auto}.marketing .mobile-menu{display:block;border-top:1px dashed #b9b2a4}.marketing .mobile-menu summary{display:flex;justify-content:space-between;align-items:center;min-height:44px;font-weight:800;list-style:none;cursor:pointer}.marketing .mobile-menu summary::-webkit-details-marker{display:none}.marketing .mobile-menu nav{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:8px 0 18px}.marketing .hero{grid-template-columns:1fr 1fr;gap:28px}.marketing .hero h1{font-size:clamp(44px,6vw,62px)}.marketing .outcomes{grid-template-columns:1fr 1fr}.marketing .agent-groups{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.marketing .wrap{width:calc(100% - 40px)}.marketing .header-row{min-height:74px;gap:12px}.marketing .brand{font-size:26px}.marketing .header-cta{padding:10px 12px;font-size:14px;min-height:44px}.marketing .hero{grid-template-columns:1fr;gap:28px}.marketing .hero h1{font-size:clamp(46px,10vw,64px)}.marketing .hero-art{max-width:440px;justify-self:center;padding:20px 8px}.marketing .hero-art .hand{font-size:24px}.marketing .hero-copy{gap:24px}.marketing .hero-actions{align-items:flex-start;flex-direction:column;gap:8px}.marketing .hero-actions .button{font-size:21px}.marketing .promise{font-size:25px}.marketing .robot-line img{height:60px}.marketing .robot-line img:nth-child(2){height:78px}.marketing .split,.marketing .steps,.marketing .job-list,.marketing .agent-groups{grid-template-columns:1fr}.marketing .split{gap:25px}.marketing .steps{gap:34px}.marketing .outcomes{gap:22px}.marketing .outcomes .measure{font-size:30px}.marketing .outcomes h3{font-size:16px}.marketing .outcomes li p:last-child{font-size:16px}.marketing .faq summary{font-size:27px}.marketing .answer{padding-right:0}.marketing .acceptance{padding:22px}.marketing .page-intro h1{font-size:clamp(42px,10vw,64px)}.marketing .final-cta .button{max-width:100%}.marketing .section-intro{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.marketing .button{transition:none}.marketing .robot-line img{animation:none}}

/* Homepage: a series of paper-and-ink posters, with the actual team and robots. */
.home{--paper:#fbf8f1;--ink:#2b2b2b;--blue:#2468c9;--yellow:#fff3a8;--pink:#ffd9d9;--sky:#cfe4ff}
.home .hero{grid-template-columns:1.15fr 1fr;gap:48px;padding-block:64px 72px}
.home .hero h1{font-size:clamp(48px,6.2vw,88px);line-height:1.02;letter-spacing:-2px}
.home .hero-copy{gap:24px}
.home .hero-copy .lead{max-width:44ch;font-size:20px;font-weight:600}
.home .hero-copy .eyebrow{font-size:26px}
.home .hero-actions{gap:12px 28px}
.home .promise{font-size:28px;padding:6px 12px}
.home .hero-art{gap:16px}
.home .hero-art .polaroid{max-width:560px}
.home .robot-line{gap:32px}
.home .robot-line img{height:88px}
.home .robot-line img:nth-child(2){height:116px}
.home .section{padding-block:clamp(64px,7vw,104px)}
.home .section h2{max-width:22ch}
.home #fix>.wrap{display:grid;grid-template-columns:1fr 2fr;column-gap:72px;align-items:start}
.home #fix .section-intro{position:sticky;top:130px;margin:0}
.home #fix .text-link{grid-column:2;justify-self:start}
.home .job-list{display:flex;flex-direction:column;margin:0 0 12px;gap:0}
.home .job-list li{gap:28px;align-items:center;padding:24px 0;min-height:170px}
.home .job-list li:first-child{border-top:0;padding-top:0}
.home .job-list h3{font-size:30px;letter-spacing:-.4px}
.home .job-list p{font-size:17px;max-width:48ch}
.home .job-robot{width:100px;height:124px;object-fit:contain;flex-shrink:0;transition:transform .2s}
.home .job-list li:hover .job-robot{transform:translateY(-6px) rotate(-3deg)}
.home #how{background:var(--sky)}
.home #how .text-link{color:#1c57ab}
.home #how>.wrap{display:grid;grid-template-columns:1fr 1.35fr;column-gap:100px;align-items:start}
.home #how .section-intro{position:sticky;top:130px}
.home #how .text-link{grid-column:2;justify-self:start}
.home .steps{grid-template-columns:1fr;gap:32px;margin-bottom:16px}
.home .steps li{gap:24px}
.home .steps h3{font-size:28px}
.home .steps p{font-size:17px}
.home .step-number{background:var(--paper)}
.home .deliverable{border-top:0;padding:12px 16px;background:#ffffff80;border-radius:3px}
.home #outcomes .section-intro{margin-bottom:24px}
.home #outcomes .intro-copy{max-width:72ch}
.home .outcomes{gap:0;align-items:start;margin-top:40px}
.home .outcomes li{padding:28px 24px;border:0;background:var(--paper);min-height:290px}
.home .outcomes li:nth-child(2){background:var(--sky);margin-top:24px}
.home .outcomes li:nth-child(3){background:var(--yellow);margin-top:48px}
.home .outcomes li:nth-child(4){background:var(--pink);margin-top:72px}
.home .outcomes .measure{font-size:38px;letter-spacing:-.8px;color:var(--ink);margin:16px 0}
.home .outcomes h3{font-size:16px}
.home #pricing .section-intro{max-width:none}
.home #pricing h2{max-width:26ch}
.home #pricing .split{grid-template-columns:1.15fr 1fr;gap:40px 100px;align-items:center}
.home #pricing .split>div:last-child{background:var(--yellow);padding:32px;transform:rotate(-1deg)}
.home .price-figure{font:800 clamp(42px,4vw,60px)/1.1 'Baloo 2',sans-serif;color:var(--ink);letter-spacing:-1px}
.home .price-unit{margin-top:4px;font-weight:800}
.home #questions>.wrap{display:grid;grid-template-columns:1fr 1.6fr;column-gap:80px;align-items:start}
.home #questions .section-intro{position:sticky;top:130px}
.home #questions .text-link{grid-column:2;justify-self:start}
.home .faq{border-top:0}
.home .faq summary{font:800 22px/1.35 'Baloo 2',sans-serif;color:var(--ink);padding:24px 0}
.home .faq details:first-child summary{padding-top:0}
.home .faq .answer p{font-size:17px}
.home #guys{background:var(--paper)}
.home .team-portraits{display:grid;grid-template-columns:repeat(3,1fr);gap:64px;margin-top:48px}
.home .team-portraits figure{margin:0}
.home .team-portraits img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;mix-blend-mode:multiply}
.home .team-portraits figcaption{font:800 26px/1.3 'Baloo 2',sans-serif;margin-top:16px}
.home .team-portraits figcaption span{display:block;font:700 24px/1.3 Caveat,cursive;color:var(--blue);margin-top:4px}
.home .final-cta{background:var(--yellow)}
.home .final-cta h2{max-width:20ch;font-size:clamp(40px,5.8vw,76px)}
.home .footer-brand{display:inline-block;font:800 clamp(48px,8vw,112px)/1.1 'Baloo 2',sans-serif;letter-spacing:-2px;text-decoration:none;color:var(--ink);margin-bottom:16px}
@keyframes paper-in{from{opacity:.35;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.home .hero-copy>*,.home .hero-art{animation:paper-in .55s ease-out both}.home .hero-copy>:nth-child(2){animation-delay:.06s}.home .hero-copy>:nth-child(3){animation-delay:.12s}.home .hero-copy>:nth-child(4){animation-delay:.18s}.home .hero-copy>:nth-child(5){animation-delay:.24s}.home .hero-copy>:nth-child(6){animation-delay:.3s}.home .hero-art{animation-delay:.12s}}
@media(max-width:1100px){.home #fix>.wrap,.home #how>.wrap,.home #questions>.wrap{column-gap:48px}.home .hero{gap:32px}.home .outcomes .measure{font-size:32px}.home .outcomes li{padding:24px 20px}.home #pricing .split{gap:40px}}
@media(max-width:950px){.home .hero{grid-template-columns:1.1fr 1fr}.home .hero h1{font-size:clamp(40px,6vw,56px);letter-spacing:-1px}.home .hero-copy .lead{font-size:18px}.home .hero-art .hand{font-size:24px}.home .outcomes{grid-template-columns:1fr 1fr;gap:16px}.home .outcomes li:nth-child(n){margin-top:0;min-height:240px}.home .team-portraits{gap:28px}.home #fix>.wrap{grid-template-columns:1fr 1.5fr}.home .job-list li{gap:18px}.home .job-robot{width:72px;height:100px}.home .job-list h3{font-size:26px}}
@media(max-width:700px){.home .hero{grid-template-columns:1fr;padding-block:36px 48px;gap:28px}.home .hero h1{font-size:clamp(44px,9.5vw,64px);letter-spacing:-1px}.home .hero-copy{gap:20px}.home .hero-copy .eyebrow{font-size:24px}.home .hero-actions{flex-direction:row;align-items:center;gap:12px 24px}.home .hero-art{max-width:460px;padding-top:12px;gap:14px}.home .hero-art .polaroid{max-width:360px}.home .promise{font-size:25px}.home .hero-copy .small{max-width:42ch}.home .robot-line img{height:66px}.home .robot-line img:nth-child(2){height:88px}.home #fix>.wrap,.home #how>.wrap,.home #questions>.wrap{display:block}.home #fix .section-intro,.home #how .section-intro,.home #questions .section-intro{position:static;margin-bottom:32px}.home .section h2{font-size:36px;max-width:21ch}.home .job-list li{gap:20px;min-height:140px;padding:22px 0}.home .job-robot{width:76px;height:100px}.home .job-list h3{font-size:25px}.home .job-list p{font-size:16px}.home .steps h3{font-size:25px}.home .steps li{gap:18px}.home .step-number{min-width:44px;min-height:44px;font-size:24px}.home .outcomes{grid-template-columns:1fr;gap:12px}.home .outcomes li:nth-child(n){padding:24px;min-height:0}.home .outcomes .measure{font-size:36px;margin:10px 0}.home .outcomes h3{font-size:16px}.home .outcomes li p:last-child{font-size:16px}.home #pricing .split{grid-template-columns:1fr;gap:28px}.home #pricing .split>div:last-child{padding:24px;transform:none}.home .faq summary{font-size:23px}.home .team-portraits{grid-template-columns:1fr;gap:24px;margin-top:32px}.home .team-portraits figure{display:grid;grid-template-columns:112px 1fr;gap:20px;align-items:center}.home .team-portraits figcaption{font-size:24px;margin:0}.home .team-portraits figcaption span{font-size:23px}.home .final-cta h2{font-size:42px}.home .footer-brand{font-size:56px}}

/* About: each person has a portrait and a readable, individual introduction. */
.about-page .hero{padding-block:72px 88px}
.about-page .hero-art{padding-inline:16px}
.about-page .hero-art .hand{margin-top:12px}
.about-page #guys{background:#fff}
.about-page .profiles{display:flex;flex-direction:column;gap:96px;max-width:1120px}
.about-page .profile{display:grid;grid-template-columns:360px 1fr;gap:clamp(40px,7vw,112px);align-items:center}
.about-page .profile:nth-child(even){grid-template-columns:1fr 360px}
.about-page .profile:nth-child(even) .profile-photo{grid-column:2;grid-row:1;transform:rotate(1.5deg)}
.about-page .profile:nth-child(even) .profile-copy{grid-column:1;grid-row:1}
.about-page .profile-photo{margin:0;padding:12px;background:var(--paper);border:2px solid var(--ink);box-shadow:4px 5px 0 #2b2b2b26;transform:rotate(-1.5deg);transition:transform .2s}
.about-page .profile-photo:hover{transform:rotate(0)}
.about-page .profile-photo img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.about-page .profile-copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-width:0}
.about-page .profile-copy h2{font-size:clamp(36px,4.2vw,56px);max-width:none}
.about-page .profile-copy p{margin:0;max-width:48ch}
.about-page .profile-copy .text-link{margin-top:4px}
.about-page .robot-team{background:var(--sky)}
.about-page .robot-team>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about-page .robot-fleet{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;justify-items:center;gap:16px}
.about-page .robot-fleet img{width:100%;max-width:92px;height:150px;object-fit:contain;animation:bob 3.3s ease-in-out infinite}
.about-page .robot-fleet img:nth-child(even){height:190px;animation-delay:-1s}
.about-page .robot-team-copy h2{margin-bottom:24px}
.about-page .robot-team-copy p{max-width:50ch}
.about-page .robot-team .text-link{color:#1c57ab;margin-top:16px}
.about-page nav a[aria-current="page"]{text-decoration:underline;text-decoration-color:#ffd23f;text-decoration-thickness:4px;text-underline-offset:5px}
@media(max-width:950px){.about-page .profile,.about-page .profile:nth-child(even){grid-template-columns:280px 1fr;gap:40px}.about-page .profile:nth-child(even) .profile-photo{grid-column:1}.about-page .profile:nth-child(even) .profile-copy{grid-column:2}.about-page .robot-team>.wrap{gap:32px}.about-page .robot-fleet{gap:8px}.about-page .robot-fleet img{height:110px}.about-page .robot-fleet img:nth-child(even){height:140px}}
@media(max-width:700px){.about-page .hero{padding-block:36px 56px}.about-page .hero h1{font-size:clamp(44px,9.5vw,64px)}.about-page .hero-art{padding-inline:12px}.about-page .profiles{gap:64px}.about-page .profile,.about-page .profile:nth-child(even){grid-template-columns:1fr;gap:32px}.about-page .profile:nth-child(even) .profile-photo,.about-page .profile:nth-child(even) .profile-copy{grid-column:auto;grid-row:auto}.about-page .profile-photo{width:min(280px,calc(100% - 20px));justify-self:center}.about-page .profile-copy{gap:16px}.about-page .profile-copy h2{font-size:36px}.about-page .robot-team>.wrap{grid-template-columns:1fr;gap:32px}.about-page .robot-fleet{gap:8px}.about-page .robot-fleet img{max-width:72px;height:110px}.about-page .robot-fleet img:nth-child(even){height:140px}}
@media(prefers-reduced-motion:reduce){.about-page .profile-photo{transition:none}.about-page .robot-fleet img{animation:none}}

/* Current detail pages use the same type, paper, illustrations and section rhythm. */
.detail-page .page-intro{display:grid;grid-template-columns:1.35fr 1fr;gap:72px;align-items:center;padding-block:72px 88px}
.detail-page .page-copy{display:flex;flex-direction:column;gap:24px;min-width:0}
.detail-page .page-copy .eyebrow,.detail-page .page-copy .lead{margin:0}
.detail-page .page-intro h1{font-size:clamp(44px,5.6vw,80px);line-height:1.04;letter-spacing:-1.5px;max-width:none}
.detail-page .page-intro .lead{max-width:54ch}
.detail-page .page-art{min-width:0;text-align:center;padding:12px}
.detail-page .page-art .hand{margin-top:24px}
.detail-page .intro-robots{display:flex;align-items:flex-end;justify-content:center;gap:24px}
.detail-page .intro-robots img{width:26%;height:220px;object-fit:contain;animation:bob 3s ease-in-out infinite}
.detail-page .intro-robots img:nth-child(2){height:280px;animation-delay:-1s}
.detail-page .intro-note{background:var(--yellow);padding:36px;transform:rotate(-1deg);text-align:left}
.detail-page .intro-note.sky{background:var(--sky);transform:rotate(1deg)}
.detail-page .intro-note p{margin:0}
.detail-page .intro-note p+p{margin-top:12px}
.detail-page .intro-note .intro-figure{font:800 clamp(48px,6vw,80px)/1.1 'Baloo 2',sans-serif;letter-spacing:-2px;color:var(--ink)}
.detail-page .intro-note img{display:block;margin:24px auto 0;width:100px;height:120px;object-fit:contain;animation:bob 3s ease-in-out infinite}
.detail-page .editorial{display:grid;grid-template-columns:1fr 1.3fr;column-gap:96px;row-gap:20px;align-items:start}
.detail-page .editorial>.section-intro{grid-column:1;grid-row:1 / span 8;position:sticky;top:130px;margin:0}
.detail-page .editorial>:not(.section-intro){grid-column:2;max-width:64ch;margin:0}
.detail-page .editorial>.text-link{justify-self:start}
.detail-page .editorial p+p{margin-top:0}
.detail-page nav a[aria-current="page"]{text-decoration:underline;text-decoration-color:#ffd23f;text-decoration-thickness:4px;text-underline-offset:5px}
.ai-employees-page .agent-groups{display:flex;flex-direction:column;gap:0;margin-bottom:32px}
.ai-employees-page .agent-groups>div{display:grid;grid-template-columns:220px 1fr;gap:56px;padding-block:40px;border-top:2px dashed #b9b2a4}
.ai-employees-page .agent-groups>div:first-child{border-top:0;padding-top:0}
.ai-employees-page .department-title img{width:100px;height:120px;object-fit:contain;margin-bottom:16px}
.ai-employees-page .group-title{font:800 27px/1.2 'Baloo 2',sans-serif;color:var(--ink);margin:0}
.ai-employees-page .agent-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.ai-employees-page .agent-list li{border:0;padding:0}
.ai-employees-page .agent-list h4{font-size:24px}
.ai-employees-page #two-halves{background:var(--sky)}
.how-it-works-page .process-section{background:var(--sky)}
.how-it-works-page .process-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:80px}
.how-it-works-page .process-layout .section-intro{position:sticky;top:130px;align-self:start}
.how-it-works-page .acceptance-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:24px 80px;align-items:start}
.how-it-works-page .acceptance-layout .section-intro{grid-row:1 / span 2}
.how-it-works-page .acceptance-layout>.lead{grid-column:2;font-size:20px}
.how-it-works-page .acceptance{grid-column:2;background:var(--yellow);margin:0;border:0;box-shadow:none;max-width:none}
.pricing-page .table-scroll{margin-top:32px}
.pricing-page table{min-width:0;font-variant-numeric:tabular-nums}
.pricing-page .rate-value{font:800 30px/1.2 'Baloo 2',sans-serif;white-space:nowrap}
.pricing-page .rate-unit{display:block;font-size:16px;color:#6b6b6b}
.pricing-page .rules{max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:64px;row-gap:12px;margin-top:32px}
.pricing-page #example{background:var(--sky)}
.pricing-page #guarantee{background:var(--yellow)}
.detail-page .faq summary{font-size:24px}
.detail-page .faq .answer{max-width:72ch}
.detail-page .faq-topic{display:grid;grid-template-columns:300px 1fr;gap:72px;padding-block:48px;scroll-margin-top:120px}
.detail-page .faq-topic h2{font-size:40px;position:sticky;top:130px;align-self:start}
.detail-page .topic-nav{display:flex;flex-wrap:wrap;gap:12px 32px;padding-block:24px;border-block:2px solid var(--ink)}
.detail-page .topic-nav a{display:inline-flex;align-items:center;min-height:44px;font-weight:800;text-underline-offset:5px}
.the-long-version-page #the-details .faq{max-width:900px;margin:0 0 24px}
.the-long-version-page #the-details>.wrap>.text-link{display:flex;width:fit-content}

/* Workshop: the same site, with the existing reservation form and status notes. */
.workshop-page .instructor-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.workshop-page .levels{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:28px}
.workshop-page .level{margin-left:calc(var(--step) * 48px)}
.workshop-page .level-badge{background:var(--yellow);font-size:30px;line-height:1;margin:0}
.workshop-page .level-note{margin:0}
.workshop-page .level:nth-child(2) .level-badge{background:var(--sky)}
.workshop-page .level:nth-child(3) .level-badge{background:var(--pink)}
.workshop-page .level:nth-child(4) .level-badge{background:#fff}
.workshop-page .workshop-examples{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:36px 64px}
.workshop-page .workshop-examples li{display:flex;align-items:flex-start;gap:24px}
.workshop-page .workshop-examples h3{margin-bottom:10px}
.workshop-page .workshop-examples li>div{min-width:0}
.workshop-page .workshop-examples p{font-size:17px}
.workshop-page .workshop-aside{margin-top:32px}
.workshop-page .workshop-reason{background:var(--sky)}
.workshop-page .workshop-note,.workshop-page .workshop-takeaways{width:min(1296px,100% - 48px);margin-inline:auto}
.workshop-page .workshop-note{max-width:900px;margin-bottom:48px}
.workshop-page .workshop-note>div,.workshop-page .workshop-takeaways>div>div{font:700 28px/1.2 Caveat,cursive;color:#1c57ab;margin-bottom:16px}
.workshop-page .workshop-note>p:first-of-type{font:800 32px/1.2 'Baloo 2',sans-serif;margin-bottom:20px}
.workshop-page .workshop-takeaways{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.workshop-page .workshop-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:0}
.workshop-page .workshop-facts>div{border-top:2px dashed #b9b2a4;padding-top:24px}
.workshop-page .workshop-facts dt{font-weight:800;margin-bottom:12px}
.workshop-page .workshop-facts dd{margin:0;font:800 28px/1.25 'Baloo 2',sans-serif}
.workshop-page .workshop-facts dd span{font:600 18px/1.6 Nunito,sans-serif}
.workshop-page .instructors{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.workshop-page .instructor{display:flex;flex-direction:column;align-items:flex-start;gap:32px;min-width:0}
.workshop-page .instructor-photo{width:min(280px,100% - 20px);margin:12px auto 0;padding:12px;background:var(--paper);border:2px solid var(--ink);box-shadow:4px 5px 0 #2b2b2b26;transform:rotate(-1.5deg)}
.workshop-page .instructor-photo img{display:block;width:100%;height:auto}
.workshop-page .instructor-copy{display:flex;flex-direction:column;gap:16px}
.workshop-page .instructor-copy p{margin:0}
.workshop-page .instructor-copy .text-link{align-self:flex-start}
.workshop-page #host{background:var(--paper)}
.workshop-page #host>.wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:24px 80px}
.workshop-page #host .section-intro{grid-row:1 / span 2}
.workshop-page #host .button{grid-column:2;justify-self:start}
.workshop-page #reserve form{margin:0}
.workshop-page #reserve button{cursor:pointer}
.workshop-page [data-note]{padding:16px 24px;background:var(--paper);max-width:560px}
.workshop-page [data-note="error"]{background:var(--pink)}
.thanks-page .confirmation{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;align-items:center;padding-block:80px 104px}
.thanks-page .confirmation-art{text-align:center}
.thanks-page .confirmation-art img{width:220px;height:280px;object-fit:contain;animation:bob 3s ease-in-out infinite}
.thanks-page .confirmation-copy{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.thanks-page .confirmation-copy p{margin:0;max-width:44ch}
.thanks-page .confirmation-copy .eyebrow{margin:0}
@media(max-width:1100px){.detail-page .page-intro{gap:40px}.detail-page .editorial{column-gap:56px}.ai-employees-page .agent-groups>div{grid-template-columns:180px 1fr;gap:32px}.ai-employees-page .agent-list{grid-template-columns:1fr 1fr}.detail-page .faq-topic{grid-template-columns:240px 1fr;gap:40px}}
@media(max-width:950px){.detail-page .page-intro h1{font-size:clamp(40px,5.8vw,56px);letter-spacing:-1px}.detail-page .intro-robots{gap:12px}.detail-page .intro-robots img{height:160px}.detail-page .intro-robots img:nth-child(2){height:200px}.detail-page .intro-note{padding:24px}.detail-page .intro-note .intro-figure{font-size:56px}.how-it-works-page .process-layout,.how-it-works-page .acceptance-layout{column-gap:40px}.workshop-page .level{margin-left:calc(var(--step) * 20px)}.workshop-page .workshop-facts{grid-template-columns:1fr 1fr}.workshop-page .instructors{gap:40px}.thanks-page .confirmation{gap:40px}}
@media(max-width:700px){.detail-page .page-intro{grid-template-columns:1fr;gap:32px;padding-block:36px 56px}.detail-page .page-intro h1{font-size:44px}.detail-page .page-copy{gap:20px}.detail-page .page-art{padding:8px;max-width:440px;width:100%;justify-self:center}.detail-page .intro-robots img{height:140px}.detail-page .intro-robots img:nth-child(2){height:180px}.detail-page .intro-note .intro-figure{font-size:56px}.detail-page .editorial{display:block}.detail-page .editorial>.section-intro{position:static;margin-bottom:28px}.detail-page .editorial>:not(.section-intro){margin-top:18px}.ai-employees-page .agent-groups>div{grid-template-columns:1fr;gap:24px;padding-block:32px}.ai-employees-page .department-title{display:flex;align-items:center;gap:24px}.ai-employees-page .department-title img{width:64px;height:80px;margin:0}.ai-employees-page .group-title{font-size:28px}.ai-employees-page .agent-list{grid-template-columns:1fr;gap:24px}.ai-employees-page .agent-list h4{font-size:24px}.how-it-works-page .process-layout,.how-it-works-page .acceptance-layout{display:block}.how-it-works-page .process-layout .section-intro{position:static}.how-it-works-page .acceptance{margin-top:28px;padding:24px}.pricing-page .rules{grid-template-columns:1fr;padding-left:24px;gap:8px}.pricing-page th,.pricing-page td{padding:18px 8px;font-size:15px}.pricing-page .rate-value{font-size:23px}.pricing-page .rate-unit{font-size:14px}.pricing-page tbody th span{font-size:14px}.detail-page .faq-topic{display:block;padding-block:36px}.detail-page .faq-topic h2{position:static;font-size:32px;margin-bottom:24px}.detail-page .faq summary{font-size:22px}.detail-page .topic-nav{gap:4px 24px}.workshop-page .level{margin-left:0}.workshop-page .workshop-examples,.workshop-page .workshop-takeaways,.workshop-page .instructors{grid-template-columns:1fr}.workshop-page .workshop-examples{gap:32px}.workshop-page .workshop-examples li{gap:18px}.workshop-page .workshop-note,.workshop-page .workshop-takeaways{width:calc(100% - 40px)}.workshop-page .workshop-note>p:first-of-type{font-size:24px}.workshop-page .workshop-facts{gap:24px}.workshop-page .workshop-facts dd{font-size:24px}.workshop-page #host>.wrap{display:block}.workshop-page #host .button{margin-top:24px}.workshop-page .instructors{gap:48px}.thanks-page .confirmation{grid-template-columns:1fr;gap:32px;padding-block:40px 64px}.thanks-page .confirmation-art img{width:140px;height:170px}.thanks-page .confirmation-copy{align-items:center;text-align:center}.thanks-page .confirmation-copy .promise{align-self:center}.thanks-page .confirmation h1{font-size:56px}}
@media(prefers-reduced-motion:reduce){.detail-page .intro-robots img,.detail-page .intro-note img,.thanks-page .confirmation-art img{animation:none}}
