/* Illustrated workbench scenes use the existing brand colors and type. */
.lamp-workbench{position:relative;padding-top:0}.workbench-lamp{display:block;width:100%;height:auto;margin-bottom:-1px}.lamp-workbench .proof-label{background:var(--wash);padding:12px 16px}.lamp-light{opacity:.8}.lamp-workbench .comparison{position:relative}.lamp-workbench .comparison::after{content:'';display:block;height:8px;background:var(--ink)}
body.public-site .refresh-paths{grid-template-columns:repeat(4,minmax(0,1fr));border:0;gap:16px;padding:24px 0 48px}.path-card{display:flex;flex-direction:column;align-items:flex-start;padding:24px;background:var(--wash);border:1px solid var(--line);border-radius:8px;min-width:0}.path-card:nth-child(2){background:var(--card)}.path-card:nth-child(3){background:var(--line)}.path-card:nth-child(4){background:var(--ink);color:var(--paper)}.path-card:nth-child(4) .eyebrow{color:var(--paper)}.path-card .path-art{width:48px;height:52px;color:var(--accent);margin-bottom:28px}.path-card:nth-child(4) .path-art{color:var(--glow)}.path-card .eyebrow{font-size:.6875rem;letter-spacing:.07em;min-height:2.1rem}.path-card h2{font-size:1.625rem!important}.path-card p{flex:1}.path-card .path-button{background:transparent;color:inherit;border-color:currentColor;width:100%;padding:12px 8px;font-size:.9375rem;margin-top:16px}
body.public-site .signature{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;padding:64px;margin:24px 0 0;overflow:visible}.signature-copy{min-width:0}.signature-copy>p:not(.eyebrow){font-size:1.125rem}.signature .story-message,.claude-intro .story-message{position:relative;left:auto;top:auto;transform:none;width:100%;margin:32px 0 20px;padding:24px;border-radius:16px 16px 16px 0;box-shadow:none;background:var(--paper);border:1px solid var(--line)}.story-message p{margin:0!important;line-height:1.6}.typed-word{display:inline-block}.signature-stage{position:relative;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 0 32px;gap:20px}.signature .story-phone,.claude-intro .story-phone{width:min(100%,18rem);margin:0;transform:none;flex-shrink:0;border-width:8px}.phone-screen{padding:24px}.phone-screen h3{font-size:2rem!important}.phone-screen p{font-size:.875rem!important;line-height:1.5}.sample-caption{font-size:.75rem!important;padding:4px 0!important}.garden-art{height:100px}.garden-art i{height:90px}.story-publish{display:flex;align-items:center;gap:10px;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:12px 16px;border-radius:4px;font-size:.875rem}.story-publish svg{width:24px;height:24px;flex-shrink:0;color:var(--accent)}.story-bench{height:3px;background:var(--glow);width:100%;max-width:360px}.claude-intro{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:64px;padding:64px 0}.claude-intro .signature-stage{background:var(--wash);border-radius:50% 50% 8px 8px;padding:40px 24px 24px}.claude-intro .story-message{background:var(--wash)}.claude-steps.refresh-section,.claude-capabilities.refresh-section,.about-principles.refresh-section{display:block}.claude-steps .refresh-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px}.claude-steps .refresh-steps li{padding:48px 0 0}.claude-steps .refresh-steps li:before{font-size:1.5rem}.claude-capabilities{background:var(--wash);padding:40px!important;border-radius:8px}.claude-capabilities .detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:40px}.claude-capabilities .detail-grid article{border-top:2px solid var(--line);padding-top:24px}
.about-intro,.questions-intro{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;padding:64px 0}.brand-desk{position:relative;background:var(--wash);border-radius:50% 50% 8px 8px;padding:48px 40px 24px;margin:0}.desk-paper{position:relative;transform:rotate(-5deg);padding:32px;background:var(--card);box-shadow:0 16px 0 var(--line);border:1px solid var(--line)}.desk-paper>img{width:80px;height:80px;margin-bottom:16px}.desk-statement{font-family:var(--display);font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.2;font-weight:700;letter-spacing:-.035em}.desk-signature{display:block;font-size:.8125rem;padding-top:20px;border-top:1px solid var(--line)}.desk-pencil{position:absolute;right:20px;top:100px;height:230px;width:28px;transform:rotate(15deg)}.brand-desk figcaption{text-align:center;font-size:.875rem;padding-top:36px}.about-principles .detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px}.about-principles article{padding:24px;background:var(--wash);border-radius:8px}.about-principles article:nth-child(2){background:var(--ink);color:var(--paper)}.question-index{position:relative;background:var(--wash);padding:32px 72px 32px 24px;border-radius:8px;display:grid;gap:8px}.question-index a{display:flex;align-items:center;gap:16px;min-height:56px;font-family:var(--display);font-size:1.25rem;text-decoration:none;border-bottom:1px solid var(--line)}.question-index a span{font:400 .875rem var(--body);color:var(--accent)}.question-spark{position:absolute;right:-8px;top:16px;width:80px;transform:rotate(10deg)}.refresh-faq details:target{background:var(--wash);padding-left:24px;padding-right:24px}.refresh-faq summary{display:list-item;list-style:disclosure-closed}.refresh-faq details[open] summary{list-style:disclosure-open}.refresh-faq details{padding-left:24px;padding-right:24px}
/* Transform-based image masks; each translated full-width layer counter-translates its image. */
.compare-before-layer{position:absolute;inset:0;overflow:hidden;transform:translateX(-50%);pointer-events:none}.compare-before-layer .compare-before{clip-path:none!important;transform:translateX(50%)}
@media(max-width:1100px){body.public-site .signature{padding:40px;gap:32px}.path-card{padding:20px 16px}.claude-intro,.about-intro,.questions-intro{gap:32px}.brand-desk{padding:32px 24px 24px}.desk-paper{padding:24px}.claude-capabilities .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body.public-site .refresh-paths{grid-template-columns:1fr;padding:24px 0;gap:16px}.path-card{padding:24px;display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:24px}.path-card .path-art{grid-column:1;grid-row:1/4;margin:0}.path-card>*:not(.path-art){grid-column:2}.path-card .eyebrow{min-height:0;margin-bottom:8px}.path-card .path-button{grid-column:1/-1;margin-top:8px}.path-card p{margin-bottom:8px}.signature,.claude-intro,.about-intro,.questions-intro{grid-template-columns:1fr!important}body.public-site .signature{padding:24px;gap:24px}.signature h2{font-size:2rem!important}.signature-stage{padding:0 0 12px}.signature .story-message,.claude-intro .story-message{padding:20px;margin:24px 0 16px}.claude-intro,.about-intro,.questions-intro{padding:32px 0;gap:32px}.claude-steps .refresh-steps,.claude-capabilities .detail-grid,.about-principles .detail-grid{grid-template-columns:1fr}.claude-steps .refresh-steps{gap:24px}.claude-steps .refresh-steps li{padding:0 0 0 48px}.claude-steps .refresh-steps li:before{font-size:1rem}.claude-capabilities{padding:24px!important}.claude-capabilities .detail-grid{gap:16px;margin-top:24px}.about-principles .detail-grid{gap:16px}.brand-desk{padding:32px 32px 24px}.desk-paper{padding:24px}.desk-pencil{right:16px}.workbench-lamp{margin-top:-8px}}
@media(min-width:761px){.signature-copy,.path-card,.claude-intro>*,.about-intro>*,.questions-intro>*{min-width:0}}
@media(prefers-reduced-motion:reduce){.desk-paper,.desk-pencil{transform:none}}

.path-card h2{color:inherit!important}

.compare-light-sweep{position:absolute;inset:0;transform:translateX(50%);pointer-events:none}.compare-light-sweep span{display:block;width:6%;height:100%;background:var(--glow);opacity:.22;border-left:3px solid var(--accent)}
@media(min-width:761px){body.public-site .refresh-paths{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}}

.illustrated-intro{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:48px;align-items:center;padding:64px 0}.starter-showcase,.address-map{margin:0;min-width:0;background:var(--wash);padding:32px;border-radius:8px}.starter-browser{border:1px solid var(--ink);border-radius:8px;overflow:hidden;box-shadow:10px 10px 0 var(--line);transform:rotate(2deg);background:var(--card)}.starter-browser>span{display:block;padding:12px;font-size:.875rem;border-bottom:1px solid var(--line)}.starter-browser img{display:block;width:100%;height:auto}.starter-showcase figcaption,.address-map figcaption{font-size:.875rem;margin-top:24px;line-height:1.5}.address-map-name{text-align:center;background:var(--ink);color:var(--paper);padding:16px;font-family:var(--display);font-size:1.5rem;border-radius:4px}.address-map>svg{display:block;width:100%;height:auto}.address-map-branches{display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:center}.address-map-branches>div{display:grid;align-content:start;gap:12px}.address-map-branches svg{width:80px;max-width:100%;height:auto;margin:auto}.address-map-branches span{font-size:.9375rem;line-height:1.5}
@media(max-width:760px){.illustrated-intro{padding:32px 0;gap:32px}.starter-showcase,.address-map{padding:24px}.address-map-branches{gap:16px}}

.question-index a span{flex-shrink:0}.question-index a{overflow-wrap:normal}.refresh-paths{container-type:inline-size}
@container(max-width:18rem){.path-card{display:flex}.path-card .path-art{margin-bottom:16px}.path-card .path-button{margin-top:16px}}
@media(max-width:760px){.brand-desk{padding:24px 16px}.desk-paper{padding:24px}.question-index{padding:24px}.question-spark{display:none}}

.desk-statement>span{display:block}

body.public-site .path-card:nth-child(4) .path-button{background:var(--paper);color:var(--ink);border-color:var(--paper)}

/* Bound every animated pencil position, including its unscrolled entrance. */
.brand-desk{overflow:hidden;overflow:clip}