@import url('https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,300..700&display=swap');
:root{--ink:#19212d;--blue:#2e6be6;--paper:#fffaf4;--line:#d9e1ec}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding-top:72px;background:var(--paper);color:var(--ink);font:16px/1.55 Archivo,Arial,sans-serif}a{color:inherit}.wrap{width:min(1180px,90vw);margin:auto}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;z-index:500;background:#fff;padding:.7rem}
h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.04;letter-spacing:-.05em}h1{font-size:clamp(3.3rem,7vw,7.5rem);max-width:11ch}h2{font-size:clamp(2.5rem,5vw,5rem);max-width:16ch}h3{font-size:clamp(1.3rem,2.4vw,2rem)}p{max-width:62ch}.eyebrow{display:block;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;font-weight:750;margin-bottom:1.3rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.2rem;background:var(--ink);color:#fff;text-decoration:none;border-radius:5px;font-weight:700}.btn:hover{background:var(--blue)}.textlink{font-weight:700;text-underline-offset:4px}.actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:2rem}
.solution-hero{background:var(--hero,#dce9fc);padding:clamp(5rem,9vw,9rem) 0 clamp(4rem,7vw,7rem);overflow:hidden}.solution-hero .wrap{display:grid;grid-template-columns:1.05fr .85fr;gap:clamp(2rem,5vw,6rem);align-items:center}.solution-hero .lead{font-size:clamp(1.15rem,1.6vw,1.4rem);line-height:1.55;margin-top:2rem;color:#35445a}.hero-art{min-height:480px;background:var(--art,#f8dce7);position:relative;display:grid;place-items:center;box-shadow:22px 22px 0 #19212d;transform:rotate(2deg);overflow:hidden}.hero-art::before{content:'';position:absolute;width:70%;aspect-ratio:1;border:48px solid #ffffff88;border-radius:50%;transform:translate(35%,-35%)}.art-card{position:relative;z-index:1;width:min(78%,420px);padding:1.7rem;background:#fff;box-shadow:0 22px 50px #16243722;transform:rotate(-5deg)}.art-card b{display:block;font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.12;letter-spacing:-.05em;margin:1rem 0}.art-card small{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.art-card span{display:block;width:65%;height:10px;background:var(--blue);margin-top:2rem}.art-card span+span{width:42%;height:6px;background:#b8c8dd;margin-top:.5rem}
section{padding:clamp(5rem,8vw,8rem) 0}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem}.section-intro p{font-size:1.13rem;color:#526071}.challenge{background:#fff}.challenge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.challenge article{padding:2rem;min-height:245px;background:#e5edfc;display:flex;flex-direction:column;justify-content:space-between}.challenge article:nth-child(2){background:#f4e0eb}.challenge article:nth-child(3){background:#dcf0e8}.challenge article small{font-size:.72rem;letter-spacing:.14em;font-weight:750}.challenge article p{font-size:1.35rem;font-weight:620;line-height:1.28;letter-spacing:-.035em}.approach{background:#172332;color:#fff}.approach .eyebrow{color:#a9c9ff}.approach-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;align-items:start}.approach p{color:#b9c8da}.steps{counter-reset:step}.steps article{counter-increment:step;padding:1.3rem 0;border-top:1px solid #63758b;display:grid;grid-template-columns:3rem 1fr;gap:1rem}.steps article::before{content:'0' counter(step);color:#9fc3ff;font-weight:700}.steps h3{margin-bottom:.5rem}.deliver{background:var(--deliver,#eef3fb)}.deliver-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,7rem);align-items:center}.deliver h2{margin-bottom:1.5rem}.deliver p{font-size:1.16rem;color:#455468}.deliver ul{list-style:none;margin:0;padding:0}.deliver li{padding:1.2rem 0;border-top:1px solid #8da0b8;font-size:1.1rem;font-weight:630}.deliver li:last-child{border-bottom:1px solid #8da0b8}.next{background:#fffaf4}.next .wrap{display:flex;justify-content:space-between;align-items:end;gap:2rem}.next p{margin:1.5rem 0 0;color:#526071}.footer{background:#172332;color:#c0cbda;padding:2rem 0}.footer .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}
body[data-solution="new"]{--hero:#e2edff;--art:#f7d8e7;--deliver:#dcefe7}body[data-solution="outgrown"]{--hero:#f8e7df;--art:#cfddf7;--deliver:#f5e9ee}body[data-solution="larger"]{--hero:#dfecdf;--art:#e6daf7;--deliver:#e5edfc}body[data-solution="tool"]{--hero:#e5dff5;--art:#d5f0df;--deliver:#fff0dc}body[data-solution="search"]{--hero:#dcecf8;--art:#ffe4d7;--deliver:#e3efdf}
@media(max-width:850px){.solution-hero .wrap,.approach-grid,.deliver-grid{grid-template-columns:1fr}.hero-art{min-height:340px;max-width:600px}.section-intro,.next .wrap{display:block}.section-intro p{margin-top:1.5rem}.next .btn{margin-top:2rem}}@media(max-width:620px){.challenge-grid{grid-template-columns:1fr}.challenge article{min-height:180px}.hero-art{min-height:280px;box-shadow:12px 12px 0 #19212d}.solution-hero{padding-top:4.5rem}.art-card{padding:1.2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Starting out: light editorial process with one human-scale photograph. */
body[data-solution="new"] .approach{background:#f8f4f0;color:var(--ink)}
body[data-solution="new"] .approach .eyebrow{color:#315b93}
body[data-solution="new"] .approach p{color:#4b5767}
.approach-feature{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(2rem,6vw,6rem);align-items:center;margin-bottom:4rem}
.approach-copy h2{margin-bottom:1.4rem}
.approach-photo{margin:0;position:relative}
.approach-photo img{display:block;width:100%;height:clamp(320px,43vw,560px);object-fit:cover;object-position:center;border-radius:2px;box-shadow:18px 18px 0 #dce6f6}
body[data-solution="new"] .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
body[data-solution="new"] .steps article{display:block;border-top:3px solid #6f9ce5;padding:1.25rem 1.2rem;background:#fff}
body[data-solution="new"] .steps article::before{display:block;color:#2e6be6;margin-bottom:1.3rem}
body[data-solution="new"] .steps h3{margin-bottom:.7rem}

/* Existing business: a visual audit, not a second version of the launch page. */
body[data-solution="outgrown"] .solution-hero{background:#fbf5ee}
body[data-solution="outgrown"] .solution-hero h1{font-size:clamp(3.3rem,5.7vw,6.1rem);max-width:12ch}
body[data-solution="outgrown"] .solution-hero .wrap{grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,6rem)}
.hero-photo{position:relative;min-height:540px;overflow:hidden;background:#dce4e4}
.hero-photo img{display:block;width:100%;height:540px;object-fit:cover;object-position:center}
.photo-note{position:absolute;right:0;bottom:0;max-width:270px;padding:1.25rem;background:#f4dfe8;font-size:1.1rem;font-weight:680;line-height:1.25;letter-spacing:-.03em}
body[data-solution="outgrown"] .challenge{background:#e7eee8}
body[data-solution="outgrown"] .challenge-grid{display:block;border-top:1px solid #9baaa5}
body[data-solution="outgrown"] .challenge article{min-height:0;display:grid;grid-template-columns:180px 1fr;gap:2rem;align-items:baseline;background:transparent!important;padding:1.45rem .5rem;border-bottom:1px solid #9baaa5}
body[data-solution="outgrown"] .challenge article p{font-size:clamp(1.4rem,2.4vw,2.1rem)}
body[data-solution="outgrown"] .approach{background:#fff;color:var(--ink)}
body[data-solution="outgrown"] .approach .eyebrow{color:#9a4d6e}
body[data-solution="outgrown"] .approach> .wrap > div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:3rem}
body[data-solution="outgrown"] .approach p{color:#4c5969}
.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.decision-grid article{background:#f6efe8;padding:clamp(1.4rem,3vw,2.3rem);min-height:320px;display:flex;flex-direction:column}
.decision-grid article:nth-child(2){background:#e7eef9}.decision-grid article:nth-child(3){background:#e3f0e7}
.decision-grid small{font-size:.73rem;letter-spacing:.15em;font-weight:760;margin-bottom:auto;color:#315b93}
.decision-grid h3{margin:2.8rem 0 .8rem}
@media(max-width:850px){.approach-feature,body[data-solution="outgrown"] .solution-hero .wrap,body[data-solution="outgrown"] .approach> .wrap > div:first-child{grid-template-columns:1fr}.hero-photo,.hero-photo img{height:420px;min-height:0}.decision-grid{grid-template-columns:1fr}.decision-grid article{min-height:220px}body[data-solution="new"] .steps{grid-template-columns:1fr}}
@media(max-width:620px){body[data-solution="outgrown"] .challenge article{grid-template-columns:1fr;gap:.5rem}.hero-photo,.hero-photo img{height:300px}.photo-note{font-size:.9rem;max-width:200px}.approach-photo img{height:310px}}

/* Larger project: a layered planning board instead of the starting-out hero card. */
body[data-solution="larger"] .solution-hero{background:#e8eee9}
body[data-solution="larger"] .solution-hero .wrap{grid-template-columns:.95fr 1.05fr}
body[data-solution="larger"] .solution-hero h1{font-size:clamp(3.4rem,5.8vw,6.2rem);max-width:12ch}
.project-visual{position:relative;min-height:620px;padding:0 72px 80px 0}
.project-main-photo{display:block;width:100%;height:540px;object-fit:cover;object-position:center;background:#dde7dc}
.project-inset{position:absolute;right:0;bottom:0;width:56%;padding:9px;background:#fff;box-shadow:0 18px 48px #17233230}
.project-inset img{display:block;width:100%;height:200px;object-fit:cover}
.project-inset span{display:block;padding:.75rem .5rem .3rem;font-size:.8rem;font-weight:750;letter-spacing:.04em}
body[data-solution="larger"] .challenge{background:#f9f7f1}
body[data-solution="larger"] .challenge-grid{grid-template-columns:1fr;border-top:1px solid #a9b8ab}
body[data-solution="larger"] .challenge article{min-height:0;display:grid;grid-template-columns:200px 1fr;gap:2rem;align-items:center;background:transparent!important;border-bottom:1px solid #a9b8ab;padding:1.4rem 0}
body[data-solution="larger"] .challenge article p{font-size:clamp(1.3rem,2.2vw,2rem)}

/* Custom tool: a workflow diagram is more honest and useful than a mock app screenshot. */
body[data-solution="tool"] .solution-hero{background:#e8e4f2}
body[data-solution="tool"] .solution-hero .wrap{grid-template-columns:.95fr 1.05fr}
body[data-solution="tool"] .solution-hero h1{font-size:clamp(3.4rem,5.9vw,6.3rem);max-width:12ch}
.workflow-visual{padding:1.25rem;background:#fcfbf7;border:1px solid #c6c0d7;box-shadow:20px 20px 0 #d1f0df;transform:rotate(1deg)}
.workflow-top{display:flex;justify-content:space-between;gap:1rem;padding:.6rem .75rem 1.3rem;font-size:.69rem;font-weight:780;letter-spacing:.15em}
.workflow-lane{display:grid;grid-template-columns:48px 1fr;gap:1rem;align-items:start;padding:1.2rem 1rem;border-top:1px solid #c5cede}
.workflow-no{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#dceafa;color:#173459;font-weight:760}
.workflow-lane:nth-child(3) .workflow-no{background:#f5dce8}.workflow-lane:nth-child(4) .workflow-no{background:#d6eee2}
.workflow-lane small{display:block;color:#47709b;font-size:.67rem;font-weight:760;letter-spacing:.16em}
.workflow-lane strong{display:block;margin:.2rem 0;font-size:clamp(1.1rem,1.7vw,1.5rem);line-height:1.2;letter-spacing:-.03em}
.workflow-lane em{display:block;font-style:normal;color:#596576;font-size:.85rem}
body[data-solution="tool"] .challenge{background:#fff}
body[data-solution="tool"] .friction-list{grid-template-columns:repeat(3,1fr);gap:1px;background:#c7d0d8;border:1px solid #c7d0d8}
body[data-solution="tool"] .friction-list article{background:#faf8f4!important}
body[data-solution="tool"] .friction-list article:nth-child(2){background:#f4edf5!important}
body[data-solution="tool"] .friction-list article:nth-child(3){background:#ebf3ef!important}
body[data-solution="tool"] .approach{background:#e3efe8;color:var(--ink)}
body[data-solution="tool"] .approach .eyebrow{color:#265b70}
body[data-solution="tool"] .approach p{color:#425569}
body[data-solution="tool"] .steps article{border-top-color:#9eb9ad}
body[data-solution="tool"] .steps article::before{color:#246776}
/* Search and larger-project discovery should feel open, not like dark interludes. */
body[data-solution="search"] .approach,
body[data-solution="larger"] .approach{background:#e7f1ff;color:var(--ink)}
body[data-solution="search"] .approach .eyebrow,
body[data-solution="larger"] .approach .eyebrow{color:#24539a}
body[data-solution="search"] .approach p,
body[data-solution="larger"] .approach p{color:#40536b}
body[data-solution="search"] .steps article,
body[data-solution="larger"] .steps article{border-top-color:#a9c4e8}
body[data-solution="search"] .steps article::before,
body[data-solution="larger"] .steps article::before{color:#24539a}
@media(max-width:850px){body[data-solution="larger"] .solution-hero .wrap,body[data-solution="tool"] .solution-hero .wrap{grid-template-columns:1fr}.project-visual{max-width:650px}.workflow-visual{max-width:650px}.project-main-photo{height:450px}.project-visual{min-height:530px}}
@media(max-width:620px){.project-visual{padding:0 30px 50px 0;min-height:350px}.project-main-photo{height:310px}.project-inset img{height:105px}.project-inset span{font-size:.65rem}.workflow-visual{padding:.7rem;box-shadow:10px 10px 0 #d1f0df}.workflow-lane{grid-template-columns:38px 1fr;gap:.65rem;padding:.8rem .4rem}.workflow-no{width:34px;height:34px}.workflow-lane em{font-size:.76rem}body[data-solution="larger"] .challenge article{grid-template-columns:1fr;gap:.5rem}body[data-solution="tool"] .friction-list{grid-template-columns:1fr}}

/* The new-business opening is a photographic workspace, not another art card. */
body[data-solution="new"] .solution-hero{background:#e9f2fa}
body[data-solution="new"] .solution-hero .wrap{grid-template-columns:1fr 1fr}
.launch-hero-visual{position:relative;min-height:500px;background:#d5e3e7;overflow:visible}
.launch-hero-visual img{display:block;width:100%;height:500px;object-fit:cover;object-position:center}
.launch-hero-note{position:absolute;left:-2.2rem;bottom:-2rem;width:min(72%,380px);padding:1.25rem 1.45rem;background:#f7dfe9;box-shadow:12px 12px 0 #e7f0e9}
.launch-hero-note small{display:block;font-size:.7rem;letter-spacing:.16em;font-weight:760;margin-bottom:.5rem}
.launch-hero-note strong{display:block;font-size:clamp(1.2rem,2vw,1.8rem);line-height:1.16;letter-spacing:-.04em}
@media(max-width:850px){body[data-solution="new"] .solution-hero .wrap{grid-template-columns:1fr}.launch-hero-visual{max-width:620px;margin:1rem 0 2rem}.launch-hero-visual img{height:380px}.launch-hero-visual{min-height:380px}.launch-hero-note{left:0}}
@media(max-width:620px){.launch-hero-visual,.launch-hero-visual img{min-height:0;height:290px}.launch-hero-note{bottom:-1.3rem;padding:1rem;width:76%}}