:root{--bg:#f6f5f1;--surface:#fff;--soft:#ebece6;--ink:#111827;--muted:#586371;--line:#dadfdc;--green:#08745d;--blue:#2863cc;--amber:#b96d08;--purple:#7050ba;color-scheme:light}html[data-theme=dark]{--bg:#101820;--surface:#1a2632;--soft:#17222c;--ink:#edf0f5;--muted:#a5b2bf;--line:#33414f;--green:#7dcbb4;--blue:#8bb7fa;--amber:#edbd76;--purple:#bfa3eb;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em}p{line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{display:block;max-width:100%}.wrap{width:min(1160px,calc(100% - 72px));margin-inline:auto}.on-light{display:block}.on-dark{display:none}[data-theme=dark] .on-dark{display:block}[data-theme=dark] .on-light{display:none}.skip{position:fixed;top:-80px;left:10px;z-index:40;background:var(--surface);padding:15px}.skip:focus{top:10px}header{position:sticky;top:0;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(14px);z-index:20;border-bottom:1px solid var(--line)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{width:148px}nav{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:600}.theme{border:1px solid var(--line);background:none;border-radius:50%;width:35px;height:35px;font-size:23px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:51px;padding:14px 22px;background:var(--surface);border:1px solid var(--line);border-radius:8px;font-size:14px;font-weight:650}.button.small{min-height:42px;padding:10px 17px}.branded{position:relative;isolation:isolate;border-color:transparent;background:var(--bg)}.branded:before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:2px;background:linear-gradient(90deg,#10b981,#3b82f6,#f59e0b,#8b5cf6,#10b981);background-size:200% 100%;animation:drift 18s linear infinite;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.button:hover{background:var(--soft)}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:750;color:var(--green)}.hero{display:grid;grid-template-columns:1.06fr 1fr;gap:65px;align-items:center;padding-block:72px 64px}.hero h1{font-size:clamp(48px,5.8vw,76px);font-weight:750;line-height:1.06;margin:20px 0 24px;letter-spacing:-.06em}.hero h1 span{color:var(--green)}.lead{font-size:18px;color:var(--muted);max-width:470px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:27px}.text-link{background:none;border:0;padding:6px 0;font-size:13px;font-weight:600;text-align:left}.text-link:hover{color:var(--green)}.free{font-size:13px;margin-top:29px}.free>span:first-child{color:var(--green);margin-right:5px}.free-sub{font-size:11px;color:var(--muted);margin-left:19px}.hero-art{position:relative;padding:55px 0 36px}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;z-index:-1;pointer-events:none}.orbit-one{width:385px;height:385px;top:0;right:-25px}.orbit-two{width:315px;height:315px;top:35px;right:10px}.example-label{font-size:9px;letter-spacing:.16em;color:var(--muted);font-weight:650;margin:0 0 14px 22px}.request-illustration{border:1px solid #e2e6e4;background:#f7f8f5;color:#15212c;border-radius:18px;padding:25px;box-shadow:0 20px 65px #0002;position:relative}.card-top{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.06em;font-weight:700;color:#62716c}.dot{width:7px;height:7px;border-radius:50%;background:#14987b}.time{margin-left:auto;font-weight:400;letter-spacing:0}.request-illustration h2{font-size:30px;margin:23px 0 8px}.mini-muted{font-size:12px;color:#63716d}.job-summary{display:flex;gap:13px;align-items:center;border-block:1px solid #dbe0db;padding:19px 0;margin:21px 0 16px;font-size:12px}.job-summary p{color:#64716d;font-size:11px;margin-top:5px}.job-icon{display:grid;place-items:center;width:38px;height:42px;border-radius:8px;background:#e4ece6;color:#08745d;font-size:20px}.request-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;gap:8px}.pill{border-radius:30px;background:#ece8dc;color:#775d1d;padding:7px 9px;font-size:9px;font-weight:650}.request-bottom a{font-weight:700;color:#08745d}.reply-illustration{position:relative;display:flex;gap:13px;align-items:center;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin:20px -14px 0 55px;box-shadow:0 10px 35px #0001}.reply-illustration strong{font-size:13px}.reply-illustration p{font-size:11px;color:var(--muted);margin-top:4px}.round-check{display:grid;place-items:center;background:color-mix(in srgb,var(--green) 13%,transparent);color:var(--green);border-radius:50%;width:33px;height:33px}.example-note{font-size:10px;color:var(--muted);text-align:right;margin:16px 8px 0}.brand-line{height:2px;background:linear-gradient(90deg,#10b981,#3b82f6,#f59e0b,#8b5cf6,#10b981);background-size:200% 100%;animation:drift 24s linear infinite}.people{display:flex;justify-content:space-between;align-items:center;padding-block:28px;gap:28px}.people>p{font-size:12px;color:var(--muted)}.people-list{display:flex;gap:8px;flex-wrap:wrap}.people-list span{border:1px solid var(--line);padding:7px 13px;border-radius:30px;font-size:11px}.journey-section{background:var(--soft);padding:66px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:36px}.section-heading h2,.benefits h2,.entry h2,.company h2{font-size:clamp(33px,3.8vw,46px);line-height:1.1;margin-top:14px}.section-heading>p{font-size:14px;color:var(--muted)}.journey{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--bg)}.journey-copy{padding:30px 34px;display:flex;flex-direction:column}.step-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:27px}.step-tabs button{flex:1;background:none;border:0;border-bottom:2px solid transparent;padding:12px 3px 14px;font-size:11px;white-space:nowrap;color:var(--muted)}.step-tabs button[aria-selected=true]{color:var(--ink);border-color:var(--green)}.step-tabs button span{margin-left:4px}.step-number{font-size:10px;letter-spacing:.08em;color:var(--green);font-weight:650}.journey h3{font-size:32px;line-height:1.13;margin:14px 0 17px}#step-copy{font-size:14px;color:var(--muted);max-width:380px;min-height:70px}.step-point{font-size:12px;color:var(--green);margin-top:18px;min-height:34px}.step-controls{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:25px}.step-controls .button{margin-left:auto;font-size:12px;min-width:175px}.back{border:1px solid var(--line);background:transparent;border-radius:7px;width:39px;height:39px}.back:disabled{opacity:.3;cursor:default}#counter{font-size:10px;color:var(--muted)}.demo-area{padding:28px 32px;background:var(--surface);border-left:1px solid var(--line);display:flex;flex-direction:column}.demo-label{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.08em;color:var(--muted);margin-bottom:24px}.demo{background:#f7f8f5;color:#15212c;border:1px solid #d8e0db;border-radius:13px;padding:25px;min-height:345px}.demo h4{font-size:22px;line-height:1.2;letter-spacing:-.03em;margin:12px 0 9px}.demo p{font-size:12px;color:#63716d}.demo .kicker{font-size:9px;font-weight:700;color:#08745d;letter-spacing:.09em}.detail-row{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #dce2dc;font-size:11px}.detail-row span{color:#63716d}.demo .note{background:#e8eee8;border-radius:8px;margin-top:16px;padding:12px;font-size:11px}.choice{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:1px solid #ccd6ce;color:#15212c;border-radius:8px;margin:8px 0;padding:12px;font-size:12px;text-align:left}.choice[aria-pressed=true]{border:2px solid #08745d;background:#e4eee8;padding:11px;color:#075c4a}.response-note{margin-top:15px!important;font-size:11px!important;min-height:38px}.timeline{list-style:none;padding:0;margin:22px 0 0}.timeline li{display:flex;gap:12px;align-items:flex-start;margin:18px 0;font-size:12px}.timeline i{font-style:normal;color:#08745d}.timeline small{display:block;color:#63716d;font-size:10px;margin-top:5px}.benefits{padding-block:70px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:40px}.feature-icon{font-size:26px;display:block;margin-bottom:16px}.blue{color:var(--blue)}.amber{color:var(--amber)}.purple{color:var(--purple)}.benefits h3{font-size:22px;margin-bottom:13px}.benefits article p{color:var(--muted);font-size:14px}.entry{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;padding-block:35px 70px}.entry>div>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:20px}.entry aside{background:var(--surface);border:1px solid var(--line);padding:30px;border-radius:15px}.entry-icon{color:var(--green);font-size:26px}.entry h3{font-size:25px;margin:12px 0}.entry aside p{font-size:14px;color:var(--muted)}.entry .small-copy{font-size:11px;border-top:1px solid var(--line);padding-top:16px;margin-top:17px}.company{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;padding-block:65px}.company>div>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:20px}.company .text-link{margin-top:18px;color:var(--green)}.company-brand{border-left:1px solid var(--line);padding-left:60px;align-self:center}.company-brand img{width:255px}.company-brand p{font-size:13px!important}footer{border-top:1px solid var(--line);padding-block:26px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}footer>div{display:flex;gap:24px;align-items:center}footer .text-link{font-size:10px}.review-note{font-size:9px;padding:12px;text-align:center;color:var(--muted);background:var(--soft);letter-spacing:.03em}dialog{width:min(470px,calc(100% - 36px));background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:17px;padding:32px}dialog::backdrop{background:#020c16b0;backdrop-filter:blur(5px)}.close{float:right;background:none;border:0;font-size:25px}dialog h2{font-size:31px;margin:18px 0}dialog p:not(.eyebrow){font-size:14px;color:var(--muted);margin-bottom:25px}dialog .button{width:100%}@keyframes drift{from{background-position:200% 50%}to{background-position:0% 50%}}@media(max-width:1000px){.hero{gap:35px}.hero h1{font-size:58px}.request-illustration{padding:19px}.request-bottom{flex-wrap:wrap;gap:12px}.people{flex-direction:column;gap:14px}.journey-copy,.demo-area{padding:24px}.step-tabs button{font-size:9px}.entry{gap:35px}.hero-actions{gap:16px}.orbit-one{right:0;width:300px;height:300px}.orbit-two{right:30px;width:240px;height:240px}}@media(max-width:700px){html{scroll-padding-top:86px}.wrap{width:calc(100% - 38px)}.nav{height:70px}.brand{width:123px}nav{gap:14px}.desktop-link{display:none}.button.small{font-size:12px;padding:10px 12px}.theme{width:31px;height:31px;font-size:21px}.hero{display:block;padding-block:37px 27px}.hero h1{font-size:clamp(43px,12.2vw,63px);margin:17px 0 20px}.eyebrow{font-size:9px}.lead{font-size:16px}.hero-actions{gap:18px;flex-wrap:wrap;margin-top:23px}.button{font-size:12px;padding:13px 16px;min-height:48px}.text-link{font-size:12px}.free{font-size:12px;margin-top:23px}.free-sub{font-size:10px;margin-left:0}.hero-art{padding:36px 0 12px;margin-top:17px}.example-label{font-size:8px;margin-left:0}.request-illustration{padding:20px}.request-illustration h2{font-size:27px;margin-top:20px}.reply-illustration{margin:14px 0 0 23px;padding:14px}.reply-illustration strong{font-size:11px}.reply-illustration p{font-size:10px}.example-note{font-size:9px}.orbit{display:none}.people{padding-block:23px;gap:13px;align-items:flex-start}.people-list{gap:6px}.people-list span{font-size:10px;padding:6px 10px}.journey-section{padding:38px 0}.section-heading{display:block;margin-bottom:23px}.section-heading h2,.benefits h2,.entry h2,.company h2{font-size:34px}.section-heading>p{margin-top:18px;font-size:13px}.journey{display:flex;flex-direction:column}.journey-copy{padding:18px 20px 23px}.step-tabs{margin-bottom:21px}.step-tabs button{font-size:10px}.journey h3{font-size:28px;margin-block:12px 14px}#step-copy{font-size:13px;min-height:65px}.step-point{font-size:11px;min-height:20px;margin-top:13px}.step-controls{padding-top:18px}.step-controls .button{min-width:166px}.demo-area{border-left:0;border-top:1px solid var(--line);padding:20px}.demo-label{font-size:7px;margin-bottom:15px}.demo{min-height:325px;padding:20px}.demo h4{font-size:21px}.benefits{padding-block:42px}.benefit-grid{grid-template-columns:1fr;gap:22px;margin-top:28px}.benefits article{position:relative;padding-left:44px}.feature-icon{position:absolute;left:0;top:0;font-size:24px}.benefits h3{font-size:21px;margin-bottom:9px}.benefits article p{font-size:13px}.entry{grid-template-columns:1fr;gap:28px;padding-block:18px 40px}.entry aside{padding:24px}.entry .hero-actions{gap:15px}.company{grid-template-columns:1fr;gap:30px;padding-block:40px}.company-brand{border-left:0;border-top:1px solid var(--line);padding:27px 0 0}.company-brand img{width:210px}footer{display:block;padding-block:24px}footer>div{margin-top:17px}dialog{padding:25px}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;scroll-behavior:auto!important}}
/* Illustrations use the opposite appearance to the surrounding website. */
[data-theme=light] .request-illustration,[data-theme=light] .demo{background:#192632;color:#edf0f5;border-color:#344656}
[data-theme=light] .mini-muted,[data-theme=light] .job-summary p,[data-theme=light] .demo p,[data-theme=light] .detail-row span,[data-theme=light] .timeline small,[data-theme=light] .card-top{color:#a5b5c1}
[data-theme=light] .job-summary,[data-theme=light] .detail-row{border-color:#344656}
[data-theme=light] .demo .note,[data-theme=light] .job-icon{background:#243c38;color:#b8ded1}
[data-theme=light] .request-bottom a,[data-theme=light] .demo .kicker,[data-theme=light] .timeline i{color:#7dcbb4}
[data-theme=light] .pill{background:#463c29;color:#edbd76}
[data-theme=light] .choice{color:#edf0f5;border-color:#526472}
[data-theme=light] .choice[aria-pressed=true]{background:#253f38;border-color:#7dcbb4;color:#b8eedc}

/* On phones, read and try the example before moving to the next step. */
@media(max-width:700px){
 .journey-copy{display:contents}
 .step-tabs{order:0;margin:18px 20px 0}
 #step-panel{order:1;padding:22px 20px 24px;min-height:254px}
 .demo-area{order:2}
 .step-controls{order:3;margin:0;padding:18px 20px;border-top:1px solid var(--line)}
}

.os-invitation{border-top:1px solid var(--line);margin-top:23px;padding-top:17px;max-width:470px}
.os-invitation strong{font-size:15px}
.os-invitation p{font-size:13px;color:var(--muted);margin-top:5px}
.os-invitation .text-link{display:inline-block;color:var(--green);margin-top:5px}
.company .trial-note{font-size:12px!important;margin-top:14px!important}
@media(max-width:700px){.os-invitation{margin-top:20px;padding-top:16px}.os-invitation p{font-size:12px}.os-invitation strong{font-size:14px}}

/* Brief and document examples: detail opens on demand. */
.hero-brief{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px;font-size:11px;color:#63716d}
.hero-brief button{border:0;background:none;padding:4px 0;color:#08745d;font-size:11px;font-weight:650}
.demo .documents-label{font-size:8px;letter-spacing:.06em;margin:16px 0 9px;font-weight:650}
.brief-documents{display:grid;gap:7px}
.brief-documents button{display:flex;align-items:center;gap:11px;text-align:left;border:1px solid #ccd6ce;border-radius:7px;background:transparent;color:#15212c;padding:10px;font-size:12px}
.brief-documents button>span:last-child{margin-left:auto}.brief-documents small{display:block;font-size:10px;color:#63716d;margin-top:3px}
.brief-documents button:hover{background:#e4eee8}
[data-theme=light] .hero-brief,[data-theme=light] .brief-documents small{color:#a5b5c1}
[data-theme=light] .hero-brief button{color:#7dcbb4}
[data-theme=light] .brief-documents button{color:#edf0f5;border-color:#526472}
[data-theme=light] .brief-documents button:hover{background:#253f38}
dialog{max-height:calc(100dvh - 32px);overflow-y:auto}
.brief-extract{display:grid;gap:15px;margin-bottom:24px;border-top:1px solid var(--line);padding-top:20px}
.brief-extract strong{font-size:13px}.brief-extract p{font-size:13px!important;margin:5px 0 0!important}
.layout-example{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;border:1px solid var(--line);padding:16px;border-radius:10px;margin-bottom:12px;background:var(--soft)}
.layout-example>div{border:1px solid var(--blue);padding:24px 12px;font-size:12px;text-align:center;border-radius:5px}.layout-example .shoot-zone{border-color:var(--green)}.layout-example small{display:block;color:var(--muted);margin-top:9px}.layout-example .access-zone{grid-column:1/-1;padding:12px;border-color:var(--amber)}
dialog .document-caption{font-size:10px!important}
@media(max-width:700px){.hero-brief{font-size:10px;gap:8px}.hero-brief button{font-size:10px}.brief-documents button{min-height:49px}}

@media(min-width:701px){.demo{min-height:445px}}