:root{--ink:#292638;--night:#34334f;--mist:#f0edf4;--paper:#faf7f2;--apricot:#f8c9a8;--lilac:#e7e3f4;--accent:#b84732;--muted:#686373;--line:#ddd7d1;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #b84732;outline-offset:5px}button{color:inherit}svg{width:24px;height:24px;flex-shrink:0}button svg,a svg{vertical-align:middle}button:disabled{cursor:default}h1,h2,h3,p{margin:0}button{border:0}.svg-definitions{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;left:16px;top:-80px;z-index:100;background:var(--apricot);padding:14px}.skip:focus{top:12px}.site-header{height:94px;padding:0 clamp(24px,4.5vw,82px);display:flex;align-items:center;gap:55px;background:var(--paper);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:16px;line-height:1.02;letter-spacing:-.5px}.brand svg{width:42px;height:42px}.brand strong{font-size:22px;font-weight:650}.site-header nav{display:flex;gap:28px;font-size:14px}.site-header nav a,.site-header nav button{text-decoration:none;background:none;padding:14px 0}.header-end{margin-left:auto;display:flex;align-items:center;gap:21px}.preview-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.motion-switch{background:transparent;font-size:12px;border-bottom:1px solid #a69dab;padding:10px 0}.motion-switch[aria-pressed=true]{font-weight:650}.header-cta{background:var(--night);color:white;padding:13px 20px;border-radius:28px;text-decoration:none;display:flex;align-items:center;gap:18px;font-size:13px;font-weight:600}.header-cta svg{width:18px}.journey{height:calc(100vh - 94px);position:relative}.enhanced .journey{height:300vh}.stage{height:100vh;min-height:660px;position:sticky;top:0;isolation:isolate;overflow:hidden}.colour-field{position:absolute;inset:0;background:var(--night);clip-path:inset(5% 3% 12% 50% round 36px);z-index:-1}.opening-copy{position:absolute;left:6%;top:clamp(64px,12vh,135px);z-index:3;width:45%}.eyebrow{font-size:11px;letter-spacing:1.65px;text-transform:uppercase;font-weight:650;line-height:1.6}.opening-copy .eyebrow{display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#b84732}.opening-copy h1{font-size:clamp(64px,6.8vw,116px);font-weight:560;letter-spacing:-6px;line-height:.99;margin:26px 0}.opening-copy h1 span{color:#b84732}.hero-description{font-size:clamp(17px,1.5vw,22px);line-height:1.6;color:var(--muted);margin-bottom:28px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--night);color:white;padding:17px 26px;border-radius:32px;font-size:15px;text-decoration:none;font-weight:600;min-height:52px}.primary:hover,.header-cta:hover{background:#4c4564}.primary svg{width:20px}.reassurance{font-size:12px;color:var(--muted);margin:14px 0 0 5px}.scroll-cue{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--muted);margin-top:60px}.scroll-cue>span{border:1px solid #c6bdc7;width:32px;height:42px;display:grid;place-items:center;border-radius:18px;font-size:19px}.spread-copy,.control-copy{position:absolute;left:5%;right:5%;text-align:center;top:5%;color:var(--paper);opacity:0;z-index:3;pointer-events:none}.spread-copy h2,.control-copy h2{font-size:clamp(36px,4.3vw,68px);line-height:1.03;letter-spacing:-2.9px;font-weight:550;margin:10px 0 14px}.spread-copy>p:last-child,.control-copy>p:last-child{font-size:16px;color:#e8dfe9}.control-copy{color:var(--ink)}.control-copy>p:last-child{color:var(--muted)}.mobile-only{display:none}.artboard{position:absolute;width:1120px;height:580px;left:73%;top:47%;transform:translate(-50%,-50%) scale(.7);transform-origin:center;z-index:2;pointer-events:none}.orbits{position:absolute;inset:0;display:grid;place-items:center}.orbits i{position:absolute;width:600px;height:600px;border:1px solid #f8c9a826;border-radius:50%;transform:rotate(-25deg) scaleY(.72)}.orbits i:nth-child(2){width:880px;height:880px}.orbits i:nth-child(3){width:1150px;height:1150px}.routes{position:absolute;inset:0;width:1120px;height:580px;opacity:0}.routes path{stroke:#d2bfdb;stroke-width:1.3;fill:none}.routes circle{fill:var(--apricot)}.brand-seed{position:absolute;left:50%;top:50%;width:255px;height:340px;margin:-170px 0 0 -127.5px;border-radius:10px;background:var(--apricot);box-shadow:0 18px 45px #29263836;transform:rotate(-7deg);padding:24px 26px;z-index:4}.seed-label{display:block;font-size:10px;letter-spacing:1.8px;font-weight:700}.seed-logo{font-family:Georgia,serif;font-size:57px;letter-spacing:-3px;line-height:.77;margin:31px 0 0}.seed-logo>span{font-style:italic;font-weight:400;font-size:47px}.seed-image{position:absolute;width:152px;height:126px;right:3px;top:130px;transform:rotate(-8deg)}.brand-seed p{font-size:12px;line-height:1.6;margin-top:85px}.seed-foot{position:absolute;bottom:14px;left:26px;right:22px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.6px;font-weight:700}.seed-foot svg{width:26px;height:26px}.format-piece{position:absolute;left:50%;top:50%;width:224px;height:282px;margin:-141px 0 0 -112px;background:#fffdf9;border-radius:12px;box-shadow:0 15px 40px #2926381c;border:1px solid #29263815;overflow:hidden;transform-origin:center}.piece-social{transform:translate(-82px,-32px) rotate(-17deg);z-index:3}.piece-mail{transform:translate(85px,12px) rotate(10deg);z-index:2}.piece-web{transform:translate(16px,75px) rotate(5deg);z-index:1}.piece-header{height:42px;padding:0 13px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600}.piece-header svg{width:16px;height:16px}.piece-dot{margin-left:auto;font-size:7px;color:#867488}.format-piece>p{padding:10px 14px 5px;font-size:10px;line-height:1.6}.piece-status{font-size:8px;letter-spacing:.7px;text-transform:uppercase;display:block;margin:6px 14px;color:#686373}.social-art{height:164px;background:#f3e5bd;position:relative;padding:16px}.social-art>span{font-size:23px;line-height:1;letter-spacing:-1px;font-weight:750;position:relative;z-index:1}.social-art svg{position:absolute;right:-12px;bottom:0;width:145px;height:115px;transform:rotate(-15deg)}.social-art small{position:absolute;bottom:12px;left:16px;font:italic 13px Georgia,serif}.mail-art{height:164px;background:#f3d9cd;padding:14px;position:relative;overflow:hidden}.mail-art small,.web-art small{font-size:7px;letter-spacing:1.1px;font-weight:700}.mail-art h3{font:25px/1.04 Georgia,serif;letter-spacing:-1px;margin:12px 0}.mail-art svg{position:absolute;bottom:-13px;right:-5px;width:137px;height:103px}.web-art{height:164px;background:#e7e3f4;padding:14px;position:relative;overflow:hidden}.web-art h3{font:25px/1.06 Georgia,serif;letter-spacing:-1px;margin-top:16px}.web-art svg{position:absolute;width:137px;height:103px;right:-5px;bottom:-3px}.example-tag{position:absolute;left:50%;top:calc(50% + 216px);transform:translateX(-50%);font-size:11px;letter-spacing:.5px;color:#e8dfe9;white-space:nowrap}.hub-shell{position:absolute;inset:62px 25px 25px;background:#fffdf9;border-radius:16px;border:1px solid #ded7e2;box-shadow:0 20px 70px #29263814;opacity:0}.hub-top{height:56px;border-bottom:1px solid #e9e2e9;padding:0 25px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:650}.hub-top>span{display:flex;align-items:center;gap:10px}.hub-top svg{width:26px;height:26px}.hub-private{font-size:10px;color:#686373;font-weight:400}.hub-sidebar{position:absolute;top:56px;bottom:0;left:0;width:226px;padding:24px 20px;background:#f0edf4;border-radius:0 0 0 16px;display:flex;flex-direction:column;gap:8px}.hub-sidebar b{font:23px Georgia,serif;margin:0 0 22px 8px}.hub-sidebar>span{padding:13px;font-size:12px}.hub-sidebar .selected{background:var(--night);color:white;border-radius:7px}.hub-sidebar p{margin:auto 0 10px 12px;font:italic 26px/1.15 Georgia,serif;color:#686373}.hub-heading{position:absolute;left:253px;top:78px;display:flex;flex-direction:column;gap:6px}.hub-heading strong{font-size:20px;font-weight:600;letter-spacing:-.5px}.hub-heading span{font-size:11px;color:var(--muted)}.chapter-nav{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:5;background:var(--paper);padding:5px;border:1px solid #ded7d1;border-radius:32px;box-shadow:0 8px 25px #29263810;overflow:hidden}.chapter-nav button{background:transparent;border-radius:25px;padding:13px 20px;white-space:nowrap;font-size:12px;min-height:44px}.chapter-nav button span{font-size:10px;margin-right:9px;opacity:.65}.chapter-nav button[aria-current]{background:var(--night);color:white}.chapter-progress{height:2px;position:absolute;left:22px;bottom:0;width:0;background:#b84732}.try-section{max-width:1280px;margin:auto;padding:120px 55px;display:grid;grid-template-columns:1fr 1.25fr;gap:76px;align-items:center;scroll-margin-top:20px}.try-intro h2{font-size:clamp(35px,3.4vw,51px);font-weight:550;letter-spacing:-2px;line-height:1.1;margin:18px 0 23px}.try-intro>p:not(.eyebrow){font-size:16px;line-height:1.65;color:var(--muted)}.business-picker{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}.business-picker button{padding:13px 17px;background:transparent;border:1px solid #bcb2bf;border-radius:25px;font-size:13px;min-height:44px}.business-picker button[aria-pressed=true]{background:var(--night);color:white;border-color:var(--night)}.fact-note{display:flex;align-items:flex-start;gap:10px;margin-top:30px;max-width:360px}.fact-note>svg{background:#e7e3f4;border-radius:50%;padding:3px;width:25px;height:25px}.fact-note p{font-size:12px;line-height:1.8}.demo-disclosure{font-size:11px!important;max-width:350px;margin-top:22px;line-height:1.7!important}.example-workbench{min-width:0}.format-picker{display:flex;gap:5px;border-bottom:1px solid #ddd7d1;margin-bottom:18px;padding:0 0 9px}.format-picker button{background:transparent;display:flex;align-items:center;gap:7px;padding:12px 14px;border-radius:7px;font-size:12px;min-height:44px;white-space:nowrap}.format-picker button svg{width:17px;height:17px}.format-picker button[aria-pressed=true]{background:#e7e3f4;font-weight:650}.example-preview{background:#fffdf9;border:1px solid #ddd7d1;border-radius:18px;overflow:hidden;box-shadow:0 18px 55px #2926380c}.preview-art{position:relative;height:270px;background:#f3e5bd;padding:30px;color:var(--ink);overflow:hidden}.example-business{font-size:10px;letter-spacing:2px;font-weight:700}.preview-art h3{font-size:44px;font-weight:650;line-height:1.04;letter-spacing:-2px;margin-top:22px;max-width:70%;position:relative;z-index:1}.preview-art>svg{position:absolute;right:-2px;bottom:-25px;width:260px;height:200px;transform:rotate(-13deg)}.art-signature{position:absolute;left:30px;bottom:22px;font:italic 13px/1.3 Georgia,serif}.preview-content{padding:24px 30px}.review-label{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#686373}.preview-content h3{font-size:19px;letter-spacing:-.3px;font-weight:650;margin:13px 0 12px}.preview-content>p{font-size:14px;line-height:1.75;color:#5c5767;min-height:72px}.example-actions{margin-top:22px;display:flex;gap:20px;justify-content:space-between;align-items:center}.example-actions>span{font-size:11px;color:var(--muted)}.edit-example{background:var(--night);color:white;padding:12px 17px;display:flex;align-items:center;gap:22px;border-radius:24px;font-size:12px;min-height:44px}.edit-example svg{width:17px}.format-feedback{font-size:11px;color:var(--muted);text-align:center;margin-top:14px}.example-preview[data-format=mail] .preview-art{background:#f3d9cd}.example-preview[data-format=mail] .preview-art h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-1.8px}.example-preview[data-format=web] .preview-art{background:#e7e3f4}.example-preview[data-business=garden] .preview-art{background:#dce6d8}.closing{background:#f5dfcf;color:var(--ink);text-align:center;padding:80px 24px 75px;position:relative;overflow:hidden}.closing-mark{color:var(--ink);width:62px;height:62px;margin-bottom:18px}.closing h2{font-size:clamp(44px,5.5vw,78px);line-height:1.04;font-weight:550;letter-spacing:-3px;margin:22px 0 30px}.primary.light{background:var(--night);color:white}.primary.light:hover{background:#4c4564}.closing-note{font-size:11px;color:var(--muted);margin-top:15px}footer{display:flex;align-items:center;justify-content:space-between;padding:30px 5%;gap:20px;font-size:11px;color:var(--muted)}.footer-brand{font-size:17px;font-weight:650;text-decoration:none;color:var(--ink)}.edit-dialog{border:1px solid #c6bdc7;border-radius:20px;max-width:550px;width:calc(100% - 36px);padding:35px;color:var(--ink);background:var(--paper)}.edit-dialog::backdrop{background:#292638b0;backdrop-filter:blur(5px)}.close-dialog{position:absolute;right:14px;top:12px;font-size:26px;line-height:1;background:none;width:44px;height:44px}.edit-dialog h2{font-size:34px;letter-spacing:-1px;font-weight:550;margin:12px 0 26px}.edit-dialog label{display:block;font-size:13px;margin:14px 0 9px}.edit-dialog textarea{display:block;width:100%;resize:vertical;border:1px solid #bcb2bf;background:white;border-radius:8px;padding:14px;font-size:16px;line-height:1.6;color:var(--ink)}.edit-dialog form>p:not(.eyebrow){font-size:12px;line-height:1.7;margin:14px 0 24px}.no-script{padding:20px;text-align:center}.reduced .journey{height:auto}.reduced .stage{position:relative;height:850px;min-height:0}.reduced .chapter-nav{display:none}.reduced .scroll-cue{visibility:hidden}.reduced .artboard,.reduced .colour-field,.reduced .opening-copy{transition:none!important}
@media(min-width:1600px){.opening-copy{left:8%}.opening-copy h1{font-size:116px}}
@media(max-width:1100px){.site-header{gap:25px}.site-header nav{gap:18px}.preview-label{display:none}.header-end{gap:18px}.opening-copy{left:4.5%;width:46%}.opening-copy h1{letter-spacing:-4px}.opening-copy .eyebrow{font-size:9px}.try-section{gap:40px;padding:90px 35px}.try-intro h2{font-size:37px}.format-picker button{padding:10px;font-size:11px}.preview-art h3{font-size:36px}.preview-art>svg{width:220px;height:160px;right:-18px}}
@media(max-width:760px){.site-header{padding:14px 20px;height:83px;gap:15px}.brand{font-size:13px}.brand strong{font-size:18px}.brand svg{width:34px}.site-header nav,.header-cta,.preview-label{display:none}.header-end{gap:12px}.motion-switch{font-size:11px}.journey,.enhanced .journey,.reduced .journey{height:auto}.stage,.reduced .stage{position:relative;height:auto;min-height:940px;overflow:hidden;padding-top:28px}.opening-copy{position:relative;left:auto;top:auto;width:auto;margin:10px 25px 0}.opening-copy .eyebrow{font-size:9px}.opening-copy h1{font-size:clamp(59px,12vw,87px);letter-spacing:-3.6px;margin:22px 0}.hero-description{font-size:17px;line-height:1.55}.primary{font-size:14px;padding:15px 23px}.reassurance{font-size:11px}.scroll-cue{display:none}.colour-field{clip-path:none!important;inset:490px 16px 25px!important;border-radius:24px}.artboard{top:725px!important;left:50%!important;transform:translate(-50%,-50%) scale(.55)!important}.spread-copy,.control-copy,.chapter-nav,.routes,.hub-shell{display:none!important}.brand-seed{transform:rotate(-7deg)!important;opacity:1!important}.piece-social{transform:translate(-177px,-40px) rotate(-16deg)!important}.piece-mail{transform:translate(172px,-18px) rotate(12deg)!important}.piece-web{transform:translate(35px,122px) rotate(5deg)!important}.example-tag{font-size:16px;top:calc(50% + 290px)}.try-section{display:block;padding:65px 23px 70px}.try-intro h2{font-size:38px;letter-spacing:-1.7px}.try-intro>p:not(.eyebrow){font-size:15px}.business-picker{margin:22px 0}.business-picker button{font-size:12px;padding:12px 15px}.fact-note{margin-top:22px}.demo-disclosure{margin-bottom:28px}.example-workbench{margin-top:35px}.format-picker{gap:3px;justify-content:space-between}.format-picker button{font-size:11px;padding:10px 8px;gap:5px}.format-picker button svg{width:15px}.preview-art{height:260px;padding:24px}.preview-art h3{font-size:36px;max-width:85%}.preview-art>svg{width:210px;height:155px;bottom:-8px;right:-16px}.art-signature{left:24px;bottom:22px;font-size:12px}.preview-content{padding:23px}.preview-content h3{font-size:18px}.preview-content>p{font-size:13px}.example-actions{gap:12px}.example-actions>span{font-size:10px}.edit-example{gap:12px}.closing{padding:62px 20px}.closing h2{font-size:49px;letter-spacing:-2px}.closing .eyebrow{font-size:10px}footer{align-items:flex-start;flex-direction:column;padding:30px 25px;gap:14px}.edit-dialog{padding:28px 22px}.mobile-only{display:block}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Clip without creating a hidden scroll container: focused chapter controls must
   scroll the page, not move the contents of the pinned scene. */
.stage{overflow:clip}
.spread-copy h2{font-size:clamp(34px,3.5vw,56px)}

/* The content tiles take a warm accent; the mark also works in one colour. */
.spray{fill:var(--logo-spray,currentColor)}
.brand,.closing-mark{--logo-spray:var(--accent)}
/* Keep the complete headline inside the clipped scene on small phones. */
@media(max-width:360px){.opening-copy h1{font-size:52px;letter-spacing:-3px}}