@font-face{font-family:Archivo;src:url('../assets/archivo-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{--ink:#212b25;--bg:#f6f7ef;--accent:#244fc7;--paper:#fffef9;--line:#c9d0c5;--muted:#56615a;margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Archivo,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:disabled{cursor:default}.page-width{width:min(1480px,calc(100% - 112px));margin-inline:auto}svg{width:22px;height:22px;flex:none}.skip{position:fixed;top:-100px;left:16px;padding:12px;background:white;z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[hidden]{display:none!important}::selection{background:#d5ed86;color:#17281b}
.review-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 25px;background:#202720;color:#f3f5ed;font-size:11px;line-height:1.4;box-shadow:0 1px 0 #ffffff20}.review-nav a{text-decoration:none;padding:8px 4px;min-height:32px;display:flex;align-items:center;gap:7px}.review-nav>div{display:flex;gap:30px}.review-nav [aria-current]{color:#d6ed8a;text-decoration:underline;text-underline-offset:6px}.review-nav a:focus-visible{outline-color:#d6ed8a}.review-nav .language-link{font-weight:650}.site-header{display:flex;align-items:center;gap:35px;padding-block:36px}.wordmark{font-size:31px;font-weight:740;letter-spacing:-1.8px;line-height:.88;display:inline-flex;flex-direction:column;text-decoration:none}.brand-and{font-weight:450;color:var(--accent);margin-left:3px}.site-header nav{display:flex;gap:34px;margin-left:auto;font-size:13px}.site-header nav a{text-decoration:none;border-bottom:1px solid transparent;padding-block:8px}.site-header nav a:hover{border-bottom-color:currentColor}.study-tag{font-size:10px;color:var(--muted);margin-left:35px}.eyebrow{font-size:11px;letter-spacing:.025em;color:var(--muted);margin-bottom:25px}.hero-copy h1{font-size:clamp(52px,5.1vw,79px);letter-spacing:-.063em;line-height:1.025;font-weight:630;margin-bottom:26px}.hero-copy h1 span{font-weight:420}.hero-lede{max-width:490px;font-size:17px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}.primary-action{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--ink);color:var(--paper);padding:14px 20px;min-height:52px;text-decoration:none;font-size:13px;font-weight:550;border-radius:3px;transition:transform .2s,box-shadow .2s}.primary-action:hover{transform:translateY(-3px);box-shadow:0 5px 0 var(--accent)}.secondary-action{font-size:12px;text-decoration:none;border-bottom:1px solid currentColor;padding-block:6px}.hero-small{font-size:11px;color:var(--muted);margin-top:18px}.demo-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;color:var(--muted);min-height:40px}.play-button{border:0;background:none;padding:8px 0;display:inline-flex;align-items:center;gap:7px;font-size:10px;min-height:36px}.play-button svg{width:12px;height:12px}.play-button:hover{text-decoration:underline;text-underline-offset:4px}.story-controls{display:flex;gap:7px;position:relative;z-index:10}.story-controls button{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;min-height:44px;border:1px solid var(--line);background:transparent;border-radius:3px;font-size:11px;transition:background .2s,transform .2s}.story-controls button svg{width:16px;height:16px}.story-controls [aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.story-controls button:hover{transform:translateY(-2px)}.scene{position:relative;isolation:isolate}.record{position:absolute;left:50%;top:50%;width:380px;max-width:calc(100% - 55px);background:var(--paper);border:1px solid #d5d6cb;box-shadow:0 20px 40px -28px #10261477;transform-origin:center;transition:transform .65s cubic-bezier(.22,.9,.2,1),opacity .4s,filter .4s;overflow:visible;will-change:transform}.record-top{display:flex;align-items:center;gap:9px;padding:15px 21px;border-bottom:1px solid #d0d5c9;font-size:11px}.record-top svg{width:17px;height:17px}.record-code{margin-left:auto;color:#606d63;font-size:10px}.record-content{padding:24px 25px 27px}.record h3{font-size:25px;line-height:1.15;letter-spacing:-.04em;font-weight:560;margin-bottom:20px}.sender{display:flex;align-items:center;gap:11px;margin:0 0 21px;font-size:11px}.sender strong{font-weight:600}.sender small{display:block;font-size:10px;color:#647066}.avatar{height:31px;width:31px;display:grid;place-items:center;background:#e7ebdf;color:#44563c;border-radius:50%}.email-body{font-size:13px;line-height:1.65}.email-body p+p{margin-top:14px}.record-footnote{font-size:11px;color:#586456;line-height:1.55;margin-top:20px}.product-name{font-size:12px;color:#55624f;margin-top:-6px}.shelves{height:104px;display:flex;align-items:center;justify-content:center;gap:12px;perspective:600px;margin-block:18px 12px}.shelves span{width:61px;height:71px;background:linear-gradient(105deg,#e9c68c,#dab175 49%,#f0d29f 50%,#deb87e);box-shadow:6px 8px 0 #a77e4c;border:1px solid #bb935e;transform:rotateY(-15deg) rotateX(7deg) rotate(-9deg);transition:transform .7s}.shelves .reserved-shelf{filter:grayscale(.6);opacity:.45;transform:translate(10px,-8px) rotate(9deg)}.is-active .shelves span:nth-child(1){transform:rotate(-5deg) translateY(-8px)}.is-active .shelves span:nth-child(2){transform:rotate(4deg) translateY(5px)}.stock-figures{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-block:1px solid #d0d5c9;padding-block:13px;margin:0}.stock-figures div:last-child{color:var(--accent)}.stock-figures dt{font-size:10px}.stock-figures dd{margin:2px 0 0;font-size:33px;font-weight:500;line-height:1.1}.calendar-rings{position:absolute;top:-12px;left:40px;right:40px;display:flex;justify-content:space-between}.calendar-rings i{display:block;height:23px;width:8px;border:2px solid #768477;background:linear-gradient(90deg,#d6dfd0,#7c8e7a);border-radius:5px}.week-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:25px}.calendar-day{position:relative;min-height:94px;padding:10px 3px;background:#edf0e6;text-align:center;border-radius:2px;overflow:hidden}.calendar-day span{font-size:9px;display:block}.calendar-day strong{font-size:27px;line-height:1.2;font-weight:500;display:block}.calendar-day i{display:block;width:75%;height:5px;background:#b5c0ad;margin:10px auto 0;border-radius:3px}.request-day{background:#eedcad}.request-day i{background:#b79e5b}.busy-label{font-size:10px;color:#66715f;margin-top:7px}.monday-option{display:flex;align-items:center;gap:12px;text-align:left;width:100%;background:#e5edd7;border:1px solid #b6c2a8;margin-top:22px;padding:10px}.monday-option>span:first-child{border-right:1px solid #bdc9b0;padding-right:13px;min-width:40px;text-align:center}.monday-option small{display:block;font-size:9px;line-height:1.4}.monday-option strong{font-size:26px;font-weight:500;line-height:1}.monday-option>span:nth-child(2){font-size:11px;line-height:1.4}.monday-option>span:nth-child(2) small{color:#5d6d54;margin-top:4px}.monday-option svg{width:17px;height:17px;margin-left:auto}.monday-option:hover{background:#d8e7be}.draft-notice{margin-top:20px;padding:11px 12px;background:#e5edd7;display:flex;align-items:center;gap:10px;font-size:10px;line-height:1.5}.notice-icon{border:1px solid #92a37d;border-radius:50%;width:21px;height:21px;flex:none;display:grid;place-items:center}.demo-caption{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:90px}.demo-caption p{font-size:12px;line-height:1.6;max-width:440px}.next-button{display:flex;justify-content:space-between;gap:15px;align-items:center;border:0;border-bottom:1px solid var(--ink);background:none;padding:10px 0;font-size:12px;min-height:44px;flex-shrink:0}.next-button svg{width:18px;height:18px}.next-button:hover svg{transform:translateX(4px)}.connection{position:absolute;width:100%;height:100%;inset:0;color:var(--accent);z-index:-1;opacity:.5}.connection path{stroke:currentColor;stroke-width:2;stroke-linecap:round}.scene-mark{position:absolute;color:var(--accent);font:italic 470px/.8 Georgia,serif;left:20%;top:6%;z-index:-1;opacity:.12;pointer-events:none}
/* 01: asymmetric editorial spread; the papers travel across a lime work surface. */
.studio{--bg:#f4f5ed;--accent:#244fc7;--ink:#253422}.studio .hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;padding-block:52px 90px;align-items:center}.studio .hero-copy{padding-bottom:40px}.studio h1 span{font-weight:650;color:var(--accent)}.studio .hero-actions{gap:19px}.studio .hero-actions .secondary-action{font-size:11px}.studio .demonstration{min-width:0}.studio .demo-meta{padding:0 2px 10px}.studio .demo-layout{background:#dcecac;border-radius:48% 46% 17% 17% / 14% 15% 5% 6%;padding:22px 16px 4px;overflow:hidden}.studio .scene{height:530px}.studio .story-controls{justify-content:center;gap:5px}.studio .story-controls button{font-size:10px;padding:9px 10px;background:#f5f8ea75;border-color:#bccba1}.studio .story-controls [aria-pressed=true]{background:var(--ink);color:white}.studio .record-email{transform:translate(-50%,-47%) rotate(-5deg);z-index:5}.studio .record-stock{transform:translate(-74%,-41%) rotate(-15deg) scale(.76);z-index:2;filter:brightness(.94)}.studio .record-calendar{transform:translate(-20%,-60%) rotate(12deg) scale(.72);z-index:1;filter:brightness(.94)}.studio .record-draft{transform:translate(-40%,20%) rotate(8deg) scale(.8);opacity:0;z-index:0}.studio .scene[data-stage="1"] .record-email{transform:translate(-76%,-47%) rotate(-16deg) scale(.76);z-index:1;filter:brightness(.94)}.studio .scene[data-stage="1"] .record-stock{transform:translate(-50%,-48%) rotate(3deg);z-index:5;filter:none}.studio .scene[data-stage="2"] .record-email,.studio .scene[data-stage="3"] .record-email{transform:translate(-77%,-51%) rotate(-13deg) scale(.75);z-index:1;filter:brightness(.92)}.studio .scene[data-stage="2"] .record-stock,.studio .scene[data-stage="3"] .record-stock{transform:translate(-14%,-42%) rotate(17deg) scale(.72);z-index:2;filter:brightness(.94)}.studio .scene[data-stage="2"] .record-calendar{transform:translate(-50%,-45%) rotate(-2deg);z-index:5;filter:none}.studio .scene[data-stage="3"] .record-calendar{transform:translate(-40%,-72%) rotate(6deg) scale(.75);z-index:1}.studio .scene[data-stage="3"] .record-draft{transform:translate(-50%,-44%) rotate(2deg);opacity:1;z-index:6}.studio .demo-caption{padding:14px 0 0}.studio .demo-caption p{max-width:340px}.studio .connection{transform:rotate(-10deg);opacity:.6}.studio .primary-action{background:var(--accent)}
/* 02: a warm open worktable, with serif headlines and a tactile document in focus. */
.workshop{--bg:#f4ecd9;--paper:#fffaf0;--ink:#304836;--accent:#786025;--line:#cdc5ad;--muted:#666552}.workshop .wordmark{font-family:Georgia,serif;font-size:35px;font-weight:600}.workshop .hero{padding-block:30px 90px}.workshop .hero-copy{text-align:center;max-width:970px;margin:0 auto 60px}.workshop .hero-copy h1{font-family:Georgia,serif;letter-spacing:-.065em;font-size:clamp(60px,6.4vw,93px);line-height:1.02;font-weight:400}.workshop h1 br:nth-child(1){display:none}.workshop h1 span{font-style:italic;font-weight:400;color:#756125}.workshop .hero-lede{max-width:670px;margin:auto;font-size:17px}.workshop .hero-actions{justify-content:center}.workshop .demo-meta{padding:0 22px 10px}.workshop .demo-layout{position:relative;background:#ddd1ac;border-radius:8px 8px 55px 55px;padding:23px 0 0;box-shadow:inset 0 1px 0 #ffffff9e,0 5px 0 #c4b58b;overflow:hidden}.workshop .scene{height:530px}.workshop .scene-mark{font-size:440px;left:39%;top:10%;opacity:.07}.workshop .connection{display:none}.workshop .story-controls{justify-content:center}.workshop .story-controls button{border-radius:25px;border-color:#b2ac90;padding:10px 20px}.workshop .record{width:390px;box-shadow:0 18px 25px -20px #473a19aa,2px 3px 0 #eee6d0,3px 4px 0 #a99d78;border-color:#c8bb91}.workshop .record.is-active h3{font-family:Georgia,serif;font-size:28px;font-weight:400}.workshop .record-top{border-color:#d8cdaf}.workshop .record-email{transform:translate(-50%,-45%) rotate(-2deg);z-index:5}.workshop .record-stock{transform:translate(-142%,-48%) rotate(-10deg) scale(.77);z-index:1;filter:brightness(.96)}.workshop .record-calendar{transform:translate(36%,-43%) rotate(8deg) scale(.77);z-index:2;filter:brightness(.95)}.workshop .record-draft{transform:translate(-50%,50%) rotate(5deg) scale(.6);opacity:0;z-index:0}.workshop .scene[data-stage="1"] .record-email{transform:translate(-141%,-47%) rotate(-9deg) scale(.77);z-index:1;filter:brightness(.96)}.workshop .scene[data-stage="1"] .record-stock{transform:translate(-50%,-46%) rotate(2deg);z-index:5;filter:none}.workshop .scene[data-stage="2"] .record-email,.workshop .scene[data-stage="3"] .record-email{transform:translate(-142%,-49%) rotate(-9deg) scale(.77);z-index:1;filter:brightness(.96)}.workshop .scene[data-stage="2"] .record-stock,.workshop .scene[data-stage="3"] .record-stock{transform:translate(35%,-46%) rotate(8deg) scale(.77);z-index:2;filter:brightness(.95)}.workshop .scene[data-stage="2"] .record-calendar{transform:translate(-50%,-46%) rotate(-2deg);z-index:5;filter:none}.workshop .scene[data-stage="3"] .record-calendar{transform:translate(-50%,-70%) rotate(5deg) scale(.7);z-index:1}.workshop .scene[data-stage="3"] .record-draft{transform:translate(-50%,-46%) rotate(1deg);opacity:1;z-index:6}.workshop .demo-caption{padding:25px 28px 0}.workshop .demo-caption p{max-width:670px;font-size:14px}.workshop .next-button{font-size:14px}.workshop .paper-fold{position:absolute;right:0;bottom:0;width:22px;height:22px;background:linear-gradient(135deg,#f4eddc 50%,#cabb9144 51%);box-shadow:-1px -1px 0 #e3d7bb}.workshop .more-work h2,.workshop .conversation h2{font-family:Georgia,serif;font-weight:400}.workshop .conversation{background:#304836}
/* 03: a focused technical frame, with an inspectable record and navigation rail. */
.precision{--bg:#f1f4f3;--paper:#fff;--ink:#182e31;--accent:#006957;--muted:#526764;--line:#c7d3d0}.precision .hero{padding-block:35px 85px}.precision .hero-copy{display:grid;grid-template-columns:1.3fr .8fr;column-gap:110px;align-items:end;margin-bottom:52px}.precision .hero-copy .eyebrow{grid-column:1/-1;font-family:monospace}.precision .hero-copy h1{grid-column:1;grid-row:2/5;font-size:clamp(54px,5.7vw,84px);margin:0;line-height:1.06;font-weight:550}.precision .hero-copy h1 br:first-child{display:none}.precision .hero-copy h1 span{font-weight:430;color:#5b7570}.precision .hero-lede{font-size:16px;grid-column:2;margin-bottom:0}.precision .hero-actions{grid-column:2;gap:17px}.precision .hero-small{grid-column:2}.precision .demonstration{background:#172a2c;color:#eaf5ed;border:1px solid #2c4546;border-radius:14px;padding:18px 26px 0;box-shadow:0 18px 35px -28px #16373c99;overflow:hidden}.precision .demo-meta{border-bottom:1px solid #426061;padding-bottom:16px;color:#bfd3ce}.precision .demo-layout{display:grid;grid-template-columns:230px 1fr;min-height:510px;gap:25px;padding-top:26px}.precision .story-controls{flex-direction:column;gap:10px;padding-top:25px}.precision .story-controls button{justify-content:flex-start;gap:13px;border-color:transparent;background:transparent;color:#bbd2cd;font-size:13px;padding:15px 18px;min-height:53px}.precision .story-controls button:hover{background:#243f40;transform:none}.precision .story-controls [aria-pressed=true]{background:#d5ede0;color:#163a32;border-color:#d5ede0}.precision .scene{height:478px;background:linear-gradient(135deg,#233f40,#193133);border:1px solid #46605d;border-radius:8px 8px 0 0;overflow:hidden;max-width:800px}.precision .scene:before{content:'B&P / WORKFLOW EXAMPLE';position:absolute;left:25px;top:20px;font:10px monospace;letter-spacing:.07em;color:#9fc6b7}.precision .scene-mark{font-size:400px;opacity:.08;left:55%;top:28%;color:#c8efd5}.precision .connection{display:none}.precision .record{color:#233736;left:50%;top:55%;width:460px;max-width:calc(100% - 55px);border-radius:6px;border-color:#d5e0dd;opacity:0;transform:translate(-50%,-45%) scale(.97);pointer-events:none;box-shadow:0 20px 35px #091c1a33;overflow:hidden}.precision .record.is-active{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto;z-index:5}.precision .record h3{font-size:22px}.precision .record-top{background:#eef5f1;border-color:#d3e0da}.precision .record-content{padding:20px 24px}.precision .calendar-rings{display:none}.precision .record-calendar{width:440px}.precision .record-stock .shelves{height:90px;margin:10px 0}.precision .demo-caption{border-top:1px solid #426061;margin-top:0;padding-block:16px;min-height:100px}.precision .demo-caption p{max-width:650px;color:#d3e5df}.precision .next-button{border-color:#92b2a8}.precision .demonstration button:focus-visible{outline-color:#c8efd5}.precision .record button:focus-visible{outline-color:#006957}.precision .demo-meta .play-button{color:#e7f6ef}.precision .more-work{padding-top:75px}.precision .conversation{background:#dcebe3;color:var(--ink)}.precision .conversation h2{color:var(--ink)}.precision .conversation .eyebrow{color:#526b5a}.precision .conversation .calendar-preview{box-shadow:none;border:1px solid #adbfaf}.precision .conversation .email-link{color:#365648}
/* Explanatory graphics, designed as things the visitor can manipulate. */
.more-work{padding-block:40px 90px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:50px}.section-heading h2{font-size:clamp(34px,3.4vw,48px);line-height:1.12;letter-spacing:-.05em;font-weight:530;max-width:560px}.section-heading>p{font-size:15px;line-height:1.65;max-width:350px;color:var(--muted)}.work-examples{display:grid;grid-template-columns:1fr 1fr;gap:90px}.work-examples article{min-width:0;display:grid;grid-template-columns:1fr;gap:30px}.notes-illustration,.report-illustration{height:265px;position:relative;isolation:isolate}.note-slip{position:absolute;width:170px;padding:19px 18px 14px;background:#f7efb3;box-shadow:0 16px 23px -19px #3b452ea8;border:1px solid #d8d19b;font-size:13px;transition:transform .7s cubic-bezier(.2,.8,.25,1),opacity .35s;min-height:122px;left:50%;top:45%}.note-slip i{display:block;height:1px;width:85%;background:#b5b785;margin-top:18px}.note-slip i+i{width:60%;margin-top:14px}.note-one{transform:translate(-115%,-65%) rotate(-10deg);z-index:2}.note-two{transform:translate(-10%,-100%) rotate(9deg);background:#e2eacb;border-color:#bfcbae;z-index:3}.note-three{transform:translate(-30%,-6%) rotate(-4deg);background:#d9e5f1;border-color:#bacbd9;z-index:4}.note-three span{float:right;font:36px Georgia,serif;color:#718ba5}.client-brief{position:absolute;left:50%;top:50%;width:290px;max-width:95%;padding:22px;background:var(--paper);border:1px solid var(--line);box-shadow:0 20px 30px -25px #283a29;transform:translate(-50%,-35%) scale(.85);opacity:0;transition:opacity .35s,transform .65s cubic-bezier(.2,.8,.25,1);z-index:5}.brief-label{display:block;font-size:9px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:12px;color:var(--muted)}.client-brief strong{display:block;font-size:19px;font-weight:550;margin-bottom:12px}.client-brief p{font-size:12px;padding:7px 0;border-bottom:1px solid var(--line)}.client-brief p:last-child{color:var(--accent)}[data-organised=true] .note-slip{transform:translate(-50%,-50%) rotate(0) scale(.9);opacity:0}[data-organised=true] .client-brief{transform:translate(-50%,-50%) scale(1);opacity:1}.report-illustration{display:grid;grid-template-columns:1fr 1fr;gap:14px 30px;align-items:center;padding:27px 32px;background:#e4ebdb;max-width:540px;border-radius:8px}.report-illustration>span{grid-column:1/-1;font-size:11px;color:#526849}.bar-chart{display:flex;align-items:end;gap:17px;height:130px;padding-bottom:1px;border-bottom:1px solid #819d72}.bar-chart i{height:var(--height);width:33%;background:#688b51;transform:scaleY(.15);transform-origin:bottom;transition:transform .85s cubic-bezier(.2,.8,.2,1)}.bar-chart i:nth-child(2){background:#9ab57a;transition-delay:.1s}.bar-chart i:nth-child(3){background:#c4d59c;transition-delay:.2s}.is-seen .bar-chart i{transform:scaleY(1)}.report-illustration dl{margin:0;font-size:11px;color:#34502d}.report-illustration dl>div{display:flex;justify-content:space-between;gap:16px;padding-block:9px;border-bottom:1px solid #b0c69a}.report-illustration dd{margin:0}.report-illustration .report-total{font-weight:650}.example-copy{max-width:500px}.example-copy h3{font-size:24px;line-height:1.25;letter-spacing:-.035em;font-weight:550;margin-bottom:12px}.example-copy p{font-size:14px;color:var(--muted);max-width:410px;margin-bottom:17px}.text-button{border:0;border-bottom:1px solid currentColor;display:inline-block;padding:7px 0;background:none;font-size:12px;text-decoration:none;min-height:36px}.text-button:hover{color:var(--accent)}
.conversation{background:#263c29;color:#eff4e5;padding-block:80px}.conversation-inner{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center;max-width:1200px}.conversation h2{font-size:clamp(40px,4.5vw,65px);line-height:1.07;letter-spacing:-.05em;font-weight:530;max-width:500px;margin-bottom:24px}.conversation .eyebrow{color:#b5c7a8}.conversation h2+p{font-size:16px;line-height:1.7;max-width:365px}.email-link{display:block;width:fit-content;font-size:13px;margin-top:30px;color:#c2d7b8;line-height:1.8}.calendar-preview{padding:27px 30px;background:var(--paper);color:var(--ink);box-shadow:6px 7px 0 #a3b18a33;max-width:500px}.preview-label{font-size:10px;line-height:1.6;color:var(--muted);margin-bottom:22px}.booking-date-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.booking-date-buttons button{position:relative;border:1px solid var(--line);background:none;display:flex;flex-direction:column;align-items:center;padding:12px 8px 17px;min-height:110px}.booking-date-buttons span{font-size:11px}.booking-date-buttons strong{font-size:35px;line-height:1.3;font-weight:500}.booking-date-buttons small{font-size:10px}.booking-date-buttons svg{position:absolute;width:102px;height:91px;left:50%;top:50%;transform:translate(-50%,-44%);fill:none;stroke:var(--accent);stroke-width:2;pointer-events:none}.booking-date-buttons path{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .65s}.booking-date-buttons [aria-pressed=true] path{stroke-dashoffset:0}.booking-time-label{font-size:12px;margin:22px 0 10px}.booking-time-label span{font-size:10px;color:var(--muted)}.booking-time-buttons{display:flex;gap:8px}.booking-time-buttons button{flex:1;background:none;border:1px solid var(--line);font-size:12px;padding:10px 4px;min-height:44px;transition:transform .15s,background .2s}.booking-time-buttons [aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:white;transform:translateY(-3px)}.booking-selection{font-size:11px;line-height:1.6;min-height:48px;margin:17px 0;color:var(--muted)}.calendar-preview .primary-action{width:100%;font-size:12px;gap:12px}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:33px;font-size:11px;color:var(--muted)}.motion-button{border:0;border-bottom:1px solid currentColor;background:none;padding:8px 0;font-size:11px;min-height:36px}.reference-notes{border-top:1px solid var(--line);padding-block:18px 35px;font-size:12px;color:var(--muted)}.reference-notes summary{cursor:pointer;width:fit-content;padding:8px 0}.reference-notes p{max-width:800px;margin:18px 0}.reference-notes ul{line-height:2}
/* A review gallery, separate from the prospect-facing studies. */
.comparison{--bg:#f1f2e9;--ink:#263327}.comparison-header{display:flex;align-items:center;justify-content:space-between;padding-block:40px 70px;font-size:12px}.comparison main>h1{font-size:clamp(50px,5.3vw,80px);line-height:1.04;letter-spacing:-.055em;font-weight:560;margin-bottom:25px}.comparison-intro{font-size:17px;max-width:650px;line-height:1.7;color:var(--muted);margin-bottom:55px}.direction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.direction-card{border:1px solid #c6cec1;background:#fcfdf7;overflow:hidden;border-radius:5px}.direction-preview{display:block;background:#d6e4ab;overflow:hidden;aspect-ratio:1.45;position:relative}.direction-preview img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .35s}.direction-preview:hover img{transform:scale(1.035)}.direction-card-copy{padding:24px 24px 27px}.direction-card-copy>span{font-size:10px;color:var(--muted)}.direction-card h2{font-size:26px;font-weight:550;letter-spacing:-.04em;line-height:1.2;margin:12px 0}.direction-card p{font-size:13px;line-height:1.7;min-height:67px;color:var(--muted);margin-bottom:25px}.direction-card a:not(.direction-preview){font-size:12px;display:block;width:fit-content;min-height:30px}.direction-card .pt-link{font-size:10px!important;color:var(--muted);margin-top:7px}.comparison-note{display:grid;grid-template-columns:1fr 1.1fr;gap:22px 80px;padding:45px;background:#dfe8d5;margin-top:55px}.comparison-note h2{grid-row:1/3;font-size:31px;font-weight:530;letter-spacing:-.04em;line-height:1.2;max-width:400px}.comparison-note p{font-size:14px;line-height:1.7;max-width:650px}.comparison-sources{padding-block:50px;max-width:850px}.comparison-sources h2{font-size:24px;font-weight:550;margin-bottom:18px}.comparison-sources p{font-size:14px;margin-bottom:20px}.comparison-sources a{font-size:12px;display:block;margin:10px 0;width:fit-content}
@media(min-width:1550px){.studio .scene{height:565px}.studio .record{width:415px}.studio .email-body{font-size:14px}.studio .record-content{padding:28px 30px}.studio .story-controls button{font-size:11px;padding-inline:13px}}
@media(max-width:1200px){.page-width{width:calc(100% - 72px)}.studio .hero{gap:35px;grid-template-columns:.9fr 1.1fr}.studio .hero-copy h1{font-size:59px}.studio .scene{height:550px}.studio .record{max-width:calc(100% - 40px);width:340px}.studio .record-content{padding:22px}.studio .email-body{font-size:12px}.studio .story-controls button{gap:4px;padding:8px 7px;font-size:9px}.studio .story-controls button svg{width:13px}.studio .demo-caption{display:block}.studio .demo-caption p{max-width:none;min-height:56px}.studio .next-button{margin-top:8px}.precision .hero-copy{column-gap:55px}.precision .hero-copy h1{font-size:60px}.precision .demo-layout{grid-template-columns:175px 1fr;gap:20px}.precision .story-controls button{font-size:11px;padding:13px 10px}.work-examples{gap:50px}.conversation-inner{gap:70px}.report-illustration{padding:25px;gap:14px 20px}.direction-grid{gap:18px}.direction-card-copy{padding:20px}.direction-card h2{font-size:23px}}
@media(max-width:900px){.review-nav{padding-inline:15px;gap:12px}.review-nav>div{gap:17px}.review-nav>div span{display:none}.page-width{width:calc(100% - 44px)}.site-header{padding-block:25px;gap:20px}.study-tag{display:none}.site-header nav{gap:22px;font-size:12px}.wordmark{font-size:28px}.studio .hero{display:block;padding-block:35px 65px}.studio .hero-copy{max-width:700px;padding-bottom:50px}.studio .hero-copy h1{font-size:clamp(52px,8vw,75px);max-width:750px}.studio .hero-lede{max-width:580px}.studio .demonstration{max-width:680px;margin:auto}.studio .scene{height:500px}.studio .record{width:385px;max-width:calc(100% - 55px)}.studio .email-body{font-size:13px}.studio .story-controls button{font-size:11px;padding:10px 12px}.studio .demo-caption{display:flex}.studio .demo-caption p{min-height:0;max-width:400px}.studio .next-button{margin:0;font-size:11px}.workshop .hero{padding-block:35px 65px}.workshop .hero-copy{margin-bottom:40px}.workshop .hero-copy h1{font-size:clamp(52px,8vw,75px)}.workshop .record{width:350px}.workshop .scene{height:515px}.workshop .record-stock{transform:translate(-94%,-42%) rotate(-11deg) scale(.7)}.workshop .record-calendar{transform:translate(0%,-49%) rotate(12deg) scale(.7)}.workshop .record:not(.is-active){filter:brightness(.94)}.workshop .scene[data-stage="1"] .record-email,.workshop .scene[data-stage="2"] .record-email,.workshop .scene[data-stage="3"] .record-email{transform:translate(-94%,-44%) rotate(-11deg) scale(.7)}.workshop .scene[data-stage="2"] .record-stock,.workshop .scene[data-stage="3"] .record-stock{transform:translate(0%,-46%) rotate(12deg) scale(.7)}.workshop .demo-caption{padding-inline:0}.workshop .demo-caption p{font-size:12px}.workshop .next-button{font-size:12px}.precision .hero-copy{display:block;margin-bottom:38px}.precision .hero-copy h1{max-width:780px;font-size:clamp(50px,7.7vw,70px);margin-bottom:25px}.precision .hero-lede{max-width:590px}.precision .demo-layout{grid-template-columns:150px 1fr;gap:15px}.precision .demonstration{padding-inline:20px}.precision .scene{height:500px}.precision .record{max-width:calc(100% - 35px)}.precision .record-content{padding:20px}.precision .record h3{font-size:21px}.precision .email-body{font-size:12px}.precision .scene:before{font-size:8px;left:18px}.section-heading{gap:35px}.section-heading h2{font-size:36px}.section-heading>p{font-size:13px}.work-examples{gap:35px}.report-illustration{height:265px;display:block;padding:20px}.bar-chart{float:left;width:40%;height:130px;margin-top:24px;gap:9px}.report-illustration dl{margin:20px 0 0 49%;font-size:10px}.report-illustration dl>div{gap:7px}.example-copy h3{font-size:23px}.example-copy p{font-size:13px}.note-slip{width:145px;font-size:11px;padding:16px;min-height:110px}.conversation-inner{gap:40px}.conversation h2{font-size:46px}.calendar-preview{padding:24px}.conversation h2+p{font-size:15px}.calendar-preview .primary-action{font-size:11px;gap:8px}.direction-grid{grid-template-columns:1fr}.direction-card{display:grid;grid-template-columns:1.2fr 1fr}.direction-card p{min-height:0}.direction-preview{height:100%;aspect-ratio:auto;min-height:280px}.comparison-note{padding:30px;gap:20px 40px}.comparison-note h2{font-size:27px}}
@media(max-width:600px){.review-nav{font-size:10px;gap:7px;padding-block:5px}.review-nav>div{gap:10px}.review-nav>a:first-child{font-size:9px}.site-header{padding-block:23px}.hero-copy h1,.studio .hero-copy h1{font-size:49px}.hero-lede{font-size:15px}.hero-actions{gap:17px}.primary-action{font-size:12px;padding:12px 17px}.hero-small{font-size:10px}.eyebrow{font-size:10px}.studio .hero{padding-top:23px}.studio .hero-copy{padding-bottom:32px}.studio .demo-layout{padding:15px 7px 0;border-radius:35px}.studio .scene{height:500px}.studio .record{width:310px;max-width:calc(100% - 24px)}.studio .record-content{padding:20px}.studio .record h3{font-size:23px}.studio .story-controls{gap:3px;display:grid;grid-template-columns:repeat(4,1fr)}.studio .story-controls button{padding:7px 3px;font-size:8px;min-height:40px;gap:4px;flex-direction:column}.studio .story-controls button svg{width:15px;height:15px}.studio .scene-mark{font-size:330px;left:12%;top:20%}.demo-meta{font-size:8px;gap:6px}.play-button{font-size:8px;gap:4px}.studio .demo-caption,.workshop .demo-caption,.precision .demo-caption{display:block;padding-top:20px}.demo-caption p,.studio .demo-caption p,.workshop .demo-caption p,.precision .demo-caption p{font-size:12px;max-width:none;min-height:58px}.next-button{margin-top:6px!important;font-size:12px!important}.workshop .hero-copy h1{font-size:52px}.workshop .hero-copy h1 br:nth-child(1){display:block}.workshop .hero-copy h1 span{font-size:.94em}.workshop .hero-lede{font-size:15px}.workshop .hero-actions{gap:17px}.workshop .demo-meta{padding-inline:0}.workshop .demo-layout{padding:15px 7px 0;border-radius:6px 6px 28px 28px}.workshop .story-controls{gap:3px;display:grid;grid-template-columns:repeat(4,1fr)}.workshop .story-controls button{font-size:8px;flex-direction:column;gap:4px;padding:8px 3px;border-radius:4px}.workshop .story-controls button svg{width:15px;height:15px}.workshop .scene{height:520px}.workshop .record{max-width:calc(100% - 27px);width:310px}.workshop .record-content{padding:21px}.workshop .record.is-active h3{font-size:25px}.workshop .email-body{font-size:12px}.precision .hero{padding-block:23px 55px}.precision .hero-copy h1{font-size:49px}.precision .hero-copy h1 br:first-child{display:block}.precision .demonstration{padding:10px 12px 0;border-radius:9px}.precision .demo-meta{padding-bottom:9px}.precision .demo-layout{display:block;padding-top:10px;min-height:0}.precision .story-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:0 0 14px}.precision .story-controls button{display:flex;flex-direction:column;align-items:center;font-size:8px;padding:6px 2px;gap:6px;min-height:48px}.precision .story-controls svg{width:15px;height:15px}.precision .scene{height:505px}.precision .record{max-width:calc(100% - 22px);top:54%}.precision .record-content{padding:19px}.precision .record-top{padding:13px 17px;font-size:10px}.precision .record h3{font-size:20px}.precision .email-body{font-size:12px}.precision .demo-caption{padding-bottom:16px}.precision .record-stock .shelves{height:85px}.precision .shelves span{width:47px}.precision .monday-option{padding:8px;gap:9px}.precision .monday-option>span:nth-child(2){font-size:10px}.precision .calendar-day strong{font-size:24px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:36px;margin-bottom:20px}.section-heading>p{font-size:14px}.more-work{padding-block:45px 55px}.work-examples{display:block}.work-examples article+article{margin-top:48px}.work-examples article{gap:22px}.notes-illustration{height:230px}.note-slip{width:160px}.report-illustration{height:245px;padding:23px}.bar-chart{height:138px}.report-illustration dl{font-size:11px}.example-copy h3{font-size:25px}.example-copy p{font-size:14px}.conversation{padding-block:50px}.conversation-inner{display:block}.conversation h2{font-size:45px;max-width:440px}.conversation h2+p{max-width:420px}.email-link{margin-top:22px}.calendar-preview{margin-top:35px;max-width:none;padding:23px}.calendar-preview .primary-action{font-size:11px}.preview-label{font-size:10px}footer{flex-wrap:wrap;font-size:10px;gap:15px;padding-block:26px}footer>span{width:100%}.reference-notes{font-size:11px}.reference-notes ul{padding-left:17px;line-height:1.7}.reference-notes li{margin-block:8px}.comparison-header{padding-block:28px 55px;gap:20px;font-size:11px}.comparison main>h1{font-size:45px}.comparison-intro{font-size:15px;margin-bottom:35px}.direction-card{display:block}.direction-preview{min-height:0;aspect-ratio:1.45}.direction-card-copy{padding:24px}.comparison-note{display:block;padding:26px;margin-top:35px}.comparison-note h2{margin-bottom:22px}.comparison-note p{font-size:13px;margin-bottom:15px}.comparison-sources{padding-block:35px}.comparison-sources p{font-size:13px}}
@media(max-width:360px){.page-width{width:calc(100% - 32px)}.site-header nav{font-size:11px;gap:15px}.wordmark{font-size:26px}.hero-copy h1,.studio .hero-copy h1,.precision .hero-copy h1{font-size:43px}.workshop .hero-copy h1{font-size:47px}.studio .record-content,.workshop .record-content{padding:18px}.studio .email-body,.workshop .email-body{font-size:11px}.record-top{padding-inline:17px;font-size:10px}.studio .scene{height:490px}.precision .demonstration{padding-inline:8px}.precision .record-content{padding:15px}.precision .email-body{font-size:11px}.precision .record h3{font-size:19px}.precision .scene{height:500px}.monday-option{gap:7px;padding:8px}.monday-option>span:nth-child(2){font-size:10px}.calendar-preview{padding:20px 17px}.note-slip{width:141px}.report-illustration dl{font-size:10px}.calendar-preview .primary-action{font-size:10px}.studio .hero-actions,.workshop .hero-actions{gap:14px}.study-tag{display:none}}
body[data-reduced=true] *,body[data-reduced=true] *:before,body[data-reduced=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body[data-reduced=true] .bar-chart i{transform:scaleY(1)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.bar-chart i{transform:scaleY(1)}}
@media print{.review-nav,.motion-button,.reference-notes,.play-button,.story-controls,.next-button{display:none}.page-width{width:100%}.record{box-shadow:none}.conversation{background:white;color:black}body{font-size:11pt}.hero{break-inside:avoid}.record:not(.is-active){visibility:hidden}}

/* Keep keyboard focus from scrolling the clipped illustration surface. */
.studio .demo-layout,.workshop .demo-layout,.precision .scene{overflow:clip}
html:has(body[data-reduced=true]){scroll-behavior:auto}
.precision .scene{max-width:none}
html[lang=pt-PT] .precision .scene:before{content:'B&P / EXEMPLO DE FLUXO'}
@media(max-width:600px){.studio .story-controls button,.workshop .story-controls button,.precision .story-controls button{font-size:10px;min-height:52px}.demo-meta,.play-button{font-size:9px}.studio .demo-layout{border-radius:24px}}

@media(max-width:600px){.studio .scene[data-stage="0"] .record-email{transform:translate(-50%,-47%) rotate(-3deg)}}
.direction-preview{aspect-ratio:1}
@media(min-width:601px) and (max-width:900px){.direction-preview{aspect-ratio:auto}}

.refinement-link{padding:22px 27px;margin:-15px 0 35px;background:#e5e5cd;border-left:3px solid #4d6445;font-size:14px;line-height:1.7}.refinement-link strong{display:block;font-weight:600;margin-bottom:3px}.refinement-link a{display:block;width:fit-content;margin-top:10px;font-size:13px}