@font-face{font-family:Anthropic;src:url('fonts/anthropic-sans-roman.woff2') format('woff2');font-weight:300 800;font-display:swap}
:root{
 --hue:220;--surface:oklch(1 0 0);--surface-soft:oklch(.983 .002 var(--hue));--surface-blue:oklch(.962 .014 var(--hue));--ink:oklch(.18 .012 var(--hue));--muted:oklch(.48 .01 var(--hue));--line:oklch(.92 .004 var(--hue));--accent:oklch(.47 .1 var(--hue));--inverse:oklch(.99 .002 var(--hue));
 --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;--s20:80px;--s24:96px;--s32:128px;
 --text-xs:12px;--text-sm:14px;--text:16px;--text-lg:18px;--text-intro:22px;--title:clamp(40px,4.5vw,80px);--hero-title:clamp(48px,6.4vw,112px);--radius:16px;--radius-large:28px;--round:999px;--page-width:100%;--gutter:clamp(24px,4vw,96px);--font:Anthropic,Arial,sans-serif;--speed:180ms;--ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--surface);color:var(--ink);font:400 var(--text)/1.55 var(--font);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500}button{border:0}strong{font-weight:500;color:var(--ink)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--surface-blue)}section[id]{scroll-margin-top:var(--s4)}
.skip-link{position:fixed;left:var(--s4);top:-80px;padding:var(--s3) var(--s4);background:var(--ink);color:var(--inverse);z-index:200}.skip-link:focus{top:var(--s4)}
.site-header{position:absolute;top:var(--s4);left:var(--s4);right:var(--s4);z-index:50}.header-inner{height:var(--s16);padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:var(--s6)}.brand{display:inline-flex;align-items:center;gap:var(--s2);flex-shrink:0}.brand img{object-fit:contain}.brand span{font-size:26px;font-weight:500;letter-spacing:-.055em}.site-header nav{display:flex;gap:var(--s8)}.site-header nav a{font-size:var(--text-sm);padding:var(--s3) 0}.site-header nav a:hover,.footer a:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:var(--s2)}.site-header.is-stuck{position:fixed;inset:0 0 auto;background:var(--surface);border-bottom:1px solid var(--line)}.site-header.is-stuck .header-inner{padding-inline:var(--gutter)}.button{display:inline-flex;justify-content:center;align-items:center;gap:var(--s4);background:var(--ink);color:var(--inverse);min-height:44px;padding:var(--s2) var(--s5);border-radius:var(--round);font-size:var(--text-sm);font-weight:500;transition:background var(--speed) var(--ease)}.button:hover{background:var(--accent)}.button-small{border-radius:var(--s3);min-height:40px;padding-inline:var(--s4)}.menu-toggle{display:none;background:transparent;min-width:44px;height:44px;border-radius:var(--s2)}
.hero{position:relative;isolation:isolate;margin:0;padding:clamp(144px,12vw,220px) var(--gutter) 0;min-height:100svh;background:var(--surface-blue);overflow:hidden}
.hero::before{content:'';position:absolute;z-index:-1;inset:-50% 0;background:url('img/hero-sky-aside.webp') center/cover;transform:translateY(var(--sky-drift,0px));pointer-events:none}.hero-copy{text-align:center;display:flex;align-items:center;flex-direction:column}.hero-badge{font-size:var(--text-xs);border:1px solid oklch(.4 .04 var(--hue)/.23);border-radius:var(--round);padding:var(--s1) var(--s3);display:inline-flex;align-items:center;gap:var(--s2)}.hero-badge:hover{background:oklch(1 0 0/.3)}.hero h1{font-size:var(--hero-title);line-height:1.08;letter-spacing:-.045em;font-weight:400;margin:var(--s5) 0 var(--s5);text-wrap:balance}.hero-copy>p{font-size:clamp(18px,1.6vw,26px);line-height:1.45;color:oklch(.32 .03 var(--hue));margin-bottom:var(--s6)}.hero-preview{width:100%;margin:clamp(48px,6vw,112px) auto -2px;border:1px solid oklch(.4 .04 var(--hue)/.22);border-bottom:0;border-radius:var(--s3) var(--s3) 0 0;overflow:hidden;max-height:76vh;background:var(--surface-soft)}.screenshot{display:block;width:100%;padding:0;background:transparent;cursor:zoom-in}.screenshot img{display:block;width:100%;height:auto}.screenshot:focus-visible{outline-offset:-5px}
.page-grid{width:100%;margin:0}.section{padding:clamp(80px,9vw,172px) var(--gutter);border-bottom:1px solid var(--line)}.section-label,.section-link{color:var(--accent);font-size:var(--text-sm);line-height:1.5;font-weight:400;margin-bottom:var(--s6)}.section-heading h2,.questions>h2,.start h2{font-size:var(--title);line-height:1.08;letter-spacing:-.04em;font-weight:400;text-wrap:balance}.section-heading>p:not(.section-label){color:var(--muted);font-size:var(--text-lg);line-height:1.55;margin-top:var(--s6);max-width:45ch}.centered{text-align:center}.centered>p{margin-inline:auto}.intro{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--s16);padding-block:clamp(80px,9vw,160px)}.section-link{padding-top:var(--s1);max-width:24ch}.intro-copy p{max-width:42ch;font-size:clamp(22px,2.2vw,36px);line-height:1.5;letter-spacing:-.018em;color:var(--muted)}.intro-copy p+p{margin-top:var(--s8)}
.product{background:linear-gradient(var(--surface-soft),var(--surface));padding-bottom:var(--s16)}.product-switcher{display:flex;align-items:center;justify-content:center;gap:var(--s2);margin:var(--s10) 0 var(--s8)}.product-switcher button{border-radius:var(--round);padding:var(--s2) var(--s5);min-height:44px;background:transparent;color:var(--muted);font-size:var(--text-sm);transition:background var(--speed),color var(--speed)}.product-switcher button[aria-selected=true]{background:var(--ink);color:var(--inverse)}.product-switcher button:not([aria-selected=true]):hover{background:var(--line);color:var(--ink)}.product-stage{padding:var(--s8) var(--s8) 0;background:var(--surface-blue);border-radius:var(--radius);overflow:hidden}.product-stage .screenshot{border:1px solid var(--line);border-bottom:0;border-radius:var(--s2) var(--s2) 0 0;overflow:hidden}.product-caption{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--s12);padding-top:var(--s8);align-items:start}.product-caption h3{font-size:var(--text-lg);letter-spacing:-.02em;font-weight:500}.product-caption p{font-size:var(--text);color:var(--muted);line-height:1.6}
.connections{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--s16)}.connections h2{font-size:var(--title)}.connection-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s12) var(--s6)}.connection-logos div{display:flex;flex-direction:column;align-items:center;gap:var(--s3);font-size:var(--text-xs);color:var(--muted)}.connection-logos img{width:40px;height:40px;object-fit:contain}
.automation{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:var(--s16);padding-inline:var(--gutter);background:var(--surface-soft)}.routine-visual{background:var(--surface-blue);border-radius:var(--radius);padding:var(--s6) 0 var(--s6) var(--s6);overflow:hidden}.routine-caption{display:flex;align-items:center;gap:var(--s2);font-size:var(--text-sm);margin-bottom:var(--s6)}.status-dot{width:8px;height:8px;border-radius:var(--round);background:var(--accent)}.routine-visual .screenshot{width:160%;max-width:none;border:1px solid var(--line);border-radius:var(--s2);overflow:hidden}.routine-visual>p{font-size:var(--text-xs);color:var(--muted);margin:var(--s5) var(--s6) 0 0;max-width:32ch}.automation .section-heading{padding-right:var(--s4)}.automation h2{font-size:var(--title)}.text-link{display:inline-flex;gap:var(--s2);align-items:center;min-height:44px;font-size:var(--text-sm);color:var(--accent);margin-top:var(--s4)}.text-link:hover{text-decoration:underline;text-underline-offset:var(--s1)}
.agent-list{display:grid;grid-template-columns:repeat(4,1fr);margin-top:var(--s16)}.agent-list a{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--s3) var(--s4);border-right:1px solid var(--line)}.agent-list a:last-child{border-right:0}.agent-list img{width:42px;height:42px;object-fit:contain;margin-bottom:var(--s6)}.agent-list h3{font-size:var(--text-lg);font-weight:500;letter-spacing:-.025em}.agent-list p{font-size:var(--text-xs);color:var(--muted);margin-top:var(--s1)}.agent-list a>span{font-size:var(--text-sm);color:var(--muted);margin-top:var(--s5)}.agent-list a:hover h3,.agent-list a:hover>span{color:var(--accent)}.agent-note{text-align:center;color:var(--muted);font-size:var(--text-xs);margin-top:var(--s10)}
.privacy{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--s20);background:var(--surface-soft)}.privacy-notes article+article{margin-top:var(--s8)}.privacy-notes h3{font-size:var(--text);font-weight:500;margin-bottom:var(--s2)}.privacy-notes p{font-size:var(--text-sm);line-height:1.65;color:var(--muted)}.questions{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--s16)}.questions>h2{font-size:var(--title)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child summary{padding-top:0}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s6);padding:var(--s5) 0;list-style:none;cursor:pointer;min-height:44px;font-size:var(--text)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';font-size:var(--text-lg);color:var(--muted)}.faq-list details[open] summary::after{content:'−'}.faq-list details p{font-size:var(--text-sm);color:var(--muted);line-height:1.65;padding-bottom:var(--s5)}.faq-list .text-link{margin-top:0;margin-bottom:var(--s4)}
.start{text-align:center;display:flex;flex-direction:column;align-items:center;padding-block:var(--s24);border:0}.start>img{margin-bottom:var(--s8)}.start>p{color:var(--muted);margin:var(--s6) 0}.start-note{font-size:var(--text-xs);color:var(--muted);margin-top:var(--s4)}.footer{border-top:1px solid var(--line);width:100%;padding:var(--s16) var(--gutter) var(--s6)}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--s8)}.footer-top>.brand{align-self:start}.footer-top h2{font-size:var(--text-sm);font-weight:500;margin-bottom:var(--s4)}.footer-top>div>a{display:block;font-size:var(--text-sm);color:var(--muted);padding-block:var(--s1)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--s6);border-top:1px solid var(--line);margin-top:var(--s16);padding-top:var(--s6);font-size:var(--text-xs);color:var(--muted)}
dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s12) var(--s8) var(--s8);max-height:90vh}dialog::backdrop{background:oklch(.15 .02 var(--hue)/.65);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:var(--s2);top:var(--s2);width:44px;height:44px;border-radius:var(--round);background:var(--surface-soft);font-size:var(--text-lg)}.dialog-close:hover{background:var(--line)}.lightbox{width:min(94vw,1568px);padding:var(--s12) var(--s3) var(--s3)}.lightbox img{display:block;width:100%;border-radius:var(--s2)}.install-dialog{width:min(92vw,520px)}.install-dialog h2{font-size:32px;font-weight:400;letter-spacing:-.035em;margin:var(--s6) 0 var(--s4)}.install-dialog p{font-size:var(--text-sm);color:var(--muted);line-height:1.6}.install-code{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--s2);padding:var(--s4);margin:var(--s6) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--s4)}.install-code pre{font-size:var(--text-sm);line-height:1.8;margin:0;overflow:auto}.install-code button{background:var(--surface);border:1px solid var(--line);padding:var(--s2) var(--s3);min-height:44px;border-radius:var(--s2);font-size:var(--text-xs)}.install-status{min-height:var(--s5);margin-top:var(--s4)}
.product .section-heading{text-align:left;display:grid;grid-template-columns:1fr 1fr;column-gap:var(--s16);align-items:end}
.product .section-heading .section-label{grid-column:1/-1;margin-inline:0}
.product .section-heading>p:not(.section-label){margin:0;max-width:38ch}
.product-switcher{justify-content:flex-start}
.product-stage{padding:clamp(16px,3vw,56px) clamp(16px,3vw,56px) 0}
.product-stage .screenshot{overflow:hidden}
.product-stage img,.routine-visual .screenshot img{transform:translateY(var(--image-drift,0px)) scale(1.2)}
html.modal-open{overflow:hidden}
@media(min-width:1001px){.connection-logos img{width:64px;height:64px}.connection-logos div{font-size:var(--text-sm)}.agent-list img{width:64px;height:64px}.agent-list h3{font-size:26px}.agent-list p{font-size:var(--text-sm)}}
@media(max-width:1000px){.site-header nav{gap:var(--s5)}.section{padding:var(--s20) var(--s8)}.intro,.connections,.automation,.privacy,.questions{gap:var(--s10)}.hero-preview{width:100%}.section-heading h2{font-size:36px}.footer{padding-inline:var(--s8)}}
@media(max-width:820px){.site-header nav{display:none;position:absolute;top:var(--s16);left:0;right:0;flex-direction:column;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--s3);padding:var(--s3) var(--s6)}.site-header nav.is-open{display:flex}.site-header nav a{padding-block:var(--s3);font-size:var(--text)}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.menu-toggle span{display:block;width:18px;height:1px;background:var(--ink)}.hero h1{font-size:clamp(48px,7.5vw,64px)}.product .section-heading{display:block}.product .section-heading>p:not(.section-label){margin-top:var(--s6)}.intro{grid-template-columns:.6fr 1fr}.intro-copy p{font-size:20px}.product-caption{gap:var(--s8)}.connections,.automation,.privacy{grid-template-columns:1fr}.connections .section-heading{max-width:500px}.connection-logos{grid-template-columns:repeat(6,1fr);gap:var(--s4)}.automation{gap:var(--s12)}.routine-visual{order:2}.routine-visual .screenshot{width:115%}.privacy-notes{display:grid;grid-template-columns:1fr 1fr;gap:var(--s8)}.privacy-notes article+article{margin:0}.questions{grid-template-columns:1fr}.footer-top{grid-template-columns:repeat(3,1fr)}.footer-top>.brand{grid-column:1/-1;margin-bottom:var(--s4)}}
@media(max-width:560px){.site-header{inset:var(--s2) var(--s2) auto}.header-inner{padding-inline:var(--s4);gap:var(--s2)}.brand span{font-size:24px}.brand img{width:28px}.button-small{padding-inline:var(--s3);font-size:var(--text-xs)}.hero{margin:0;padding:128px var(--s6) 0;min-height:auto}.hero-badge{font-size:11px}.hero h1{font-size:clamp(40px,10.5vw,58px);line-height:1.1;letter-spacing:-.04em}.hero h1 br{display:none}.hero-copy>p{font-size:var(--text);margin-bottom:var(--s6)}.hero-preview{width:100%;margin-top:var(--s12);height:280px;max-height:none}.hero-preview .screenshot{width:180%;margin-left:-40%}.page-grid{margin:0}.section{padding:var(--s16) var(--s6)}.intro{grid-template-columns:1fr;gap:var(--s6)}.section-link{max-width:none;margin:0}.intro-copy p{font-size:20px}.intro-copy p+p{margin-top:var(--s6)}.section-heading h2,.start h2{font-size:34px}.section-heading>p:not(.section-label){font-size:var(--text);margin-top:var(--s5)}.section-label{margin-bottom:var(--s5)}.desktop-break{display:none}.product-switcher{gap:var(--s1);margin:var(--s8) 0 var(--s6)}.product-switcher button{padding-inline:var(--s4);font-size:var(--text-xs)}.product-stage{padding:var(--s4) var(--s3) 0;border-radius:var(--s3);margin-inline:calc(-1 * var(--s3))}.product-caption{grid-template-columns:1fr;gap:var(--s3);padding-top:var(--s6)}.product-caption p{font-size:var(--text-sm)}.connection-logos{grid-template-columns:repeat(3,1fr);gap:var(--s8)}.routine-visual{padding-left:var(--s4)}.routine-visual .screenshot{width:160%}.agent-list{grid-template-columns:1fr 1fr;row-gap:var(--s8);margin-top:var(--s12)}.agent-list a:nth-child(2){border:0}.agent-list p{font-size:11px}.agent-list img{margin-bottom:var(--s4)}.agent-list h3{font-size:var(--text)}.privacy-notes{grid-template-columns:1fr;gap:var(--s6)}.questions{gap:var(--s8)}.questions>h2{font-size:30px}.start-note{max-width:28ch;line-height:1.6}.footer{padding:var(--s12) var(--s6) var(--s6)}.footer-top{grid-template-columns:1fr 1fr;gap:var(--s8)}.footer-top>div:last-child{grid-column:1/-1}.footer-top>div>a{padding-block:var(--s2)}.footer-bottom{flex-wrap:wrap;gap:var(--s3);margin-top:var(--s10)}.footer-bottom>span:nth-child(2){order:3;width:100%}.install-dialog{padding-inline:var(--s6)}}
@media(prefers-reduced-motion:reduce){.hero::before,.product-stage img,.routine-visual .screenshot img{transform:none}html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}