@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{--cream:#F5F1E9;--graphite:#454744;--clay:#A96756;--gray:#77736D;--stone:#E2DCD1}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--graphite);font:14px/1.7 'DM Sans',Arial,sans-serif;min-height:100svh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--clay);outline-offset:6px}header,main,footer{width:min(1280px,100%);margin-inline:auto}header{display:flex;justify-content:space-between;align-items:center;padding:27px 48px;border-bottom:1px solid var(--stone)}header img{width:225px;height:auto}header a{font-size:12px}header a span{margin-left:15px;color:var(--clay)}main{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;padding:75px 48px 80px;flex:1}.eyebrow{font-size:8px;letter-spacing:1.8px;display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--clay)}h1{font:500 clamp(40px,4.3vw,62px)/1.15 'Playfair Display',Georgia,serif;letter-spacing:-1.8px;margin:26px 0 22px}h1 em{color:var(--clay);font-weight:500}.descriptor{font-size:10px;font-weight:500;letter-spacing:.2px}.launch{display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:2.2px;margin-top:40px}.line{height:1px;width:30px;background:var(--clay)}.description{color:var(--gray);max-width:410px;line-height:1.9;margin:16px 0 24px;font-size:13px}.button{background:#8C5548;color:var(--cream);padding:15px 22px;display:inline-flex;align-items:center;gap:62px;font-size:12px;transition:background .2s,transform .2s}.button:hover{background:var(--graphite);transform:translateY(-2px)}.email-note{font-size:10px;color:var(--gray);margin-top:12px}.work-visual{height:500px;position:relative;border:0;background:transparent;border-radius:0;overflow:visible}.visual-header{position:absolute;top:37px;left:40px;right:40px;display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px;color:var(--gray)}.connections{position:absolute;width:100%;height:460px;top:17px;left:0}.track{fill:none;stroke:#c7b6a2;stroke-width:1.1}.signal{fill:none;stroke:var(--clay);stroke-width:2.5;stroke-dasharray:18 410;stroke-dashoffset:428;animation:travel 5s linear infinite}.second{animation-delay:1s}.third{animation-delay:2s}.fourth{animation-delay:2.5s}.fifth{animation-delay:3.5s}@keyframes travel{0%{stroke-dashoffset:428;opacity:0}10%{opacity:1}80%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}.idea{position:absolute;top:88px;left:50%;transform:translateX(-50%);padding:11px 17px;border:1px solid #d6cbbc;background:#faf7ef;border-radius:5px;font-size:8px;letter-spacing:1px;white-space:nowrap;display:flex;align-items:center;gap:8px}.idea-dot{width:6px;height:6px;background:var(--clay);border-radius:50%;animation:breathe 3s ease-in-out infinite}@keyframes breathe{50%{box-shadow:0 0 0 5px #A9675615}}.work-nodes{position:absolute;top:227px;left:20px;right:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.node{background:#faf7f0;border:1px solid #ddd3c6;border-radius:7px;padding:17px 8px 16px;text-align:center;box-shadow:0 7px 18px #45474408;animation:lift 6s ease-in-out infinite}.knowledge{animation-delay:2s}.automation{animation-delay:4s}@keyframes lift{0%,65%,100%{transform:translateY(0);border-color:#ddd3c6}25%{transform:translateY(-5px);border-color:var(--clay)}}.glyph{height:26px;font:20px/26px monospace;color:var(--clay);display:block}.node h2{font-size:11px;font-weight:500;margin:12px 0 2px}.node p{font-size:7px;color:var(--gray);margin:0;white-space:nowrap}.code-lines{margin:13px auto 0;width:42px;display:flex;flex-direction:column;gap:3px}.code-lines i{height:2px;width:100%;background:#b18c77;animation:code 3s ease-in-out infinite;transform-origin:left}.code-lines i:nth-child(2){width:70%;animation-delay:.25s}.code-lines i:nth-child(3){width:85%;animation-delay:.5s}@keyframes code{50%{transform:scaleX(.5);opacity:.4}}.circles{position:relative;width:37px;margin:auto}.circles i{position:absolute;width:9px;height:9px;border:1px solid var(--clay);border-radius:50%;top:5px;left:0}.circles i:nth-child(2){left:24px}.circles i:nth-child(3){left:12px;top:17px}.circles:after{content:'';width:23px;height:1px;background:var(--clay);position:absolute;left:7px;top:9px}.knowledge-dots{display:flex;justify-content:center;gap:5px;margin-top:14px}.knowledge-dots i{width:4px;height:4px;border-radius:50%;background:var(--clay);animation:dots 2s infinite}.knowledge-dots i:nth-child(2){animation-delay:.25s}.knowledge-dots i:nth-child(3){animation-delay:.5s}.knowledge-dots i:nth-child(4){animation-delay:.75s}@keyframes dots{50%{opacity:.25;transform:translateY(-2px)}}.progress{height:3px;background:#e4d9ca;width:45px;margin:14px auto 0;overflow:hidden;border-radius:3px}.progress i{display:block;height:3px;width:18px;background:var(--clay);animation:progress 2.5s ease-in-out infinite}@keyframes progress{from{transform:translateX(-18px)}to{transform:translateX(45px)}}.outcome{position:absolute;bottom:69px;left:50%;transform:translateX(-50%);background:var(--graphite);color:var(--cream);padding:15px 19px;display:flex;gap:22px;font-size:7px;letter-spacing:1px;white-space:nowrap;border-radius:5px}.outcome>span:last-child{color:#d6a48d;font-size:11px}.visual-footer{position:absolute;bottom:20px;left:24px;right:24px;display:flex;align-items:center;gap:8px;font-size:6px;letter-spacing:1.2px;color:var(--gray)}.activity{height:4px;width:4px;border-radius:50%;background:var(--clay)}.cycling{margin-left:auto}footer{display:flex;align-items:center;justify-content:space-between;padding:24px 48px;border-top:1px solid var(--stone);font-size:9px;color:var(--gray)}footer a{color:var(--graphite)}@media(max-width:1050px){main{gap:30px;padding-inline:30px}header,footer{padding-inline:30px}h1{font-size:46px}.work-visual{height:480px}.node p{font-size:6px}.work-nodes{gap:8px;left:12px;right:12px}}@media(max-width:760px){header{padding:20px 22px}header img{width:170px}header a{font-size:10px}header a span{margin-left:5px}main{grid-template-columns:1fr;padding:44px 24px 48px;gap:35px}h1{font-size:clamp(37px,7.7vw,54px)}.eyebrow{font-size:7px}.descriptor{font-size:9px}.launch{margin-top:30px}.work-visual{width:100%;max-width:470px;margin:auto;height:480px}.work-nodes{left:18px;right:18px;gap:10px}.node p{font-size:6.5px}.visual-header{left:29px;right:29px}footer{padding:20px 24px;flex-wrap:wrap;gap:12px}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.signal{opacity:0}}