/* One visible idea: scattered work becomes a useful next step. */
.purpose-opening{width:calc(100% - 100px);max-width:1360px;margin:auto;padding:65px 0 0;position:relative}
.purpose-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:65px;margin:0 25px 45px}
.purpose-heading h1{font-size:clamp(3.8rem,5.8vw,6.2rem);line-height:1.04;letter-spacing:-.065em;font-weight:500;margin:0}
.purpose-heading h1 em{font:italic 1.08em/.95 Georgia,serif;letter-spacing:-.055em;color:#cbd9ff}
.purpose-heading .eyebrow{font-size:.66rem;letter-spacing:.14em;margin-bottom:25px}
.purpose-intro{padding-bottom:5px;max-width:355px}.purpose-intro p{font-size:1.02rem;line-height:1.8;color:#a7a8aa;margin-bottom:23px}.purpose-intro strong{font-weight:400;color:#cad0e1}
.work-demo{position:relative;isolation:isolate;margin:0;background:radial-gradient(ellipse at 48% 40%,#345bc123,transparent 42%),radial-gradient(ellipse at 90% 55%,#3b4c770e,transparent 55%);border-top:1px solid #506ebc2a}
.demo-topline{display:flex;justify-content:space-between;gap:25px;color:#7b89ac;padding:23px 25px 0;font-size:.66rem;letter-spacing:.14em;line-height:1.7}.demo-topline>span+span{color:#807e78;font-size:.59rem}
.demo-scene{height:470px;position:relative;margin:10px 0 0}.demo-connections{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}
.demo-connections path{fill:none;stroke-linecap:round;stroke-width:1.2}.demo-tracks path{stroke:#5a75bc26}.demo-energy path{stroke:#7593e2;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.2s ease;filter:drop-shadow(0 0 5px #3460d450)}
.demo-junctions circle{fill:#405488;opacity:.35;transition:fill .6s,opacity .6s}.work-demo:not([data-phase="0"]) .demo-junctions circle{fill:#8aa3e6;opacity:1}
.work-fragment{position:absolute;width:24%;max-width:285px;border-radius:3px 16px 16px 3px;padding:21px 25px 20px;background:#cbd2e5;color:#212531;box-shadow:0 16px 36px #0004;transition:transform 1.2s cubic-bezier(.2,.75,.2,1),opacity .8s,background .8s;transform-origin:center}
.fragment-type{font-size:.59rem;letter-spacing:.14em;color:#445278}.work-fragment p{font-size:1.03rem;line-height:1.5;letter-spacing:-.015em;margin:12px 0 0}.fragment-source{display:block;font-size:.68rem;color:#5d6988;margin-top:14px}
.fragment-inquiry{left:2%;top:12px;transform:translate(20px,6px) rotate(-9deg);z-index:2}.fragment-notes{left:2%;top:183px;transform:translate(35px,-4px) rotate(5deg);background:#97a5cb;z-index:3}.fragment-followup{left:2%;top:336px;transform:translate(64px,-8px) rotate(-5deg);background:#272f44;color:#b1c1eb;z-index:4}.fragment-followup .fragment-type,.fragment-followup .fragment-source{color:#7085bc}
.demo-brand{position:absolute;left:40%;top:115px;width:20%;text-align:center}.demo-brand img{position:relative;display:block;width:100%;max-width:220px;height:auto;margin:auto;filter:brightness(.8);transition:filter 1s}
.brand-aura{position:absolute;inset:-30px -55px;border-radius:50%;background:radial-gradient(ellipse,#4e75da1d,transparent 65%);opacity:.2;transition:opacity 1s}
.demo-brand-label{display:block;color:#707c9b;letter-spacing:.15em;font-size:.58rem;margin-top:20px;line-height:1.5}
.demo-output{position:absolute;left:72%;right:1%;top:87px;padding:10px 0;opacity:.15;transform:translateX(12px);transition:opacity 1s,transform 1s}
.output-heading{display:flex;gap:12px;align-items:center;font-size:.62rem;letter-spacing:.16em;color:#758bc6;margin-bottom:22px}.output-spark{font-size:1.5rem;color:#7492e1}
.demo-output h2{font-size:2.5rem;font-weight:400;letter-spacing:-.04em;line-height:1.06;margin-bottom:20px}.demo-output h2 em{font-family:Georgia,serif;font-style:italic;font-size:1.03em;color:#8099d9}.demo-output>p{font-size:.89rem;color:#b5b0a7;line-height:1.85;margin-bottom:24px}
.review-gate{display:flex;gap:12px;align-items:center;border-top:1px solid #41548455;padding-top:16px;opacity:.32;transition:opacity .6s}.review-ring{width:15px;height:15px;border:1px solid #6483d4;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 5px #5379db10}.review-gate strong{display:block;font-size:.87rem;font-weight:400;color:#9db1e7}.review-gate small{display:block;font-size:.67rem;color:#938a7d;margin-top:5px;line-height:1.5}
.work-demo:not([data-phase="0"]) .work-fragment{transform:translate(0,0) rotate(0)}
.work-demo:not([data-phase="0"]) .demo-energy path:not(.output-connection){stroke-dashoffset:0}
.work-demo:not([data-phase="0"]) .demo-brand img{filter:brightness(1.08) drop-shadow(0 5px 25px #466ed818)}.work-demo:not([data-phase="0"]) .brand-aura{opacity:1}
.work-demo[data-phase="2"] .output-connection,.work-demo[data-phase="3"] .output-connection{stroke-dashoffset:0}
.work-demo[data-phase="2"] .demo-output,.work-demo[data-phase="3"] .demo-output{opacity:1;transform:translateX(0)}
.work-demo[data-phase="3"] .review-gate{opacity:1}.work-demo[data-phase="3"] .review-ring{background:#7c98e3;box-shadow:0 0 0 5px #5379db15,0 0 25px #5379db30}
.demo-bottomline{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:45px 25px 25px;min-height:125px}.demo-caption strong{display:block;font-size:1.45rem;font-weight:400;letter-spacing:-.025em;color:#c6cfe8;margin-bottom:7px}.demo-caption>span{font-size:.9rem;color:#9b9995;line-height:1.65}.demo-play{border:1px solid #40548a;border-radius:30px;color:#96ade9;background:transparent;min-height:46px;padding:12px 22px;white-space:nowrap;font-size:.87rem}.demo-play:hover{background:#1b2130}.demo-play span{margin-left:20px}
.demo-stages{display:flex;justify-content:space-between;max-width:690px;margin:0 auto;padding:0 15px 25px;gap:15px}.demo-stages button{background:transparent;color:#807e78;border:0;border-top:1px solid #2d3240;padding:14px 15px 6px;min-height:48px;flex:1;font-size:.85rem;transition:color .3s,border-color .3s;text-align:left}.demo-stages button>span{font-size:.63rem;margin-right:12px;color:#5d6b8f}.demo-stages button[aria-pressed=true]{color:#95ace9;border-color:#7491de}.demo-stages button:hover{color:#95ace9}
.purpose-bridge{position:relative;max-width:1020px;margin:70px auto 0;padding:65px 0 80px;display:flex;align-items:center;gap:45px}.purpose-bridge p{font-size:1.15rem;line-height:1.7;color:#b3afa7;margin:0 auto 0 0}.purpose-bridge p em{color:#9db0e0;font-family:Georgia,serif;font-style:italic}.purpose-bridge>a{font-size:.89rem;color:#a1aac2;white-space:nowrap}.purpose-bridge>a span{color:#5f80d7;margin-left:12px}.purpose-bridge .story-node{left:-35px;top:70px}
.home-page .learn-moment{padding-top:75px}.home-page .learning-example{transform:none}.home-page .founder-quote{transform:none}.home-page .workflow-example{transform:none}.home-page .workflow-example figcaption{transform:none}
@media(max-width:1100px){.purpose-opening{width:calc(100% - 60px);padding-top:45px}.purpose-heading{gap:35px;margin-inline:10px}.purpose-heading h1{font-size:4.3rem}.purpose-intro{max-width:270px}.purpose-intro p{font-size:.94rem}.demo-output h2{font-size:2.1rem}.work-fragment{padding:18px}.work-fragment p{font-size:.91rem}.demo-output>p{font-size:.8rem}.purpose-bridge{gap:25px;padding-inline:20px}.purpose-bridge p{font-size:1.02rem}.purpose-bridge .story-node{left:0}}
@media(max-width:800px){.purpose-heading{display:block}.purpose-heading h1{font-size:4.5rem}.purpose-intro{max-width:none;display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:25px}.purpose-intro p{margin:0}.demo-scene{height:440px}.work-fragment{width:27%;padding:15px}.fragment-notes{top:169px}.fragment-followup{top:306px}.fragment-followup{transform:translate(18px,-6px) rotate(-5deg)}.fragment-notes{transform:translate(12px,-3px) rotate(4deg)}.fragment-inquiry{transform:translate(4px,6px) rotate(-7deg)}.work-fragment p{font-size:.86rem}.fragment-source{font-size:.6rem}.fragment-type{font-size:.52rem}.demo-brand{left:39%;width:20%;top:128px}.demo-brand-label{font-size:.5rem}.demo-output{left:68%;right:0;top:102px}.demo-output h2{font-size:1.8rem}.demo-output>p{font-size:.78rem}.output-heading{font-size:.5rem;gap:7px}.review-gate{gap:9px}.review-gate strong{font-size:.72rem}.review-gate small{font-size:.58rem}.demo-bottomline{padding-top:40px}.demo-topline{padding-inline:10px}.demo-topline>span{font-size:.54rem}.demo-topline>span+span{font-size:.5rem}.purpose-bridge{flex-wrap:wrap;gap:25px;margin-top:40px}.purpose-bridge p{width:100%;margin-bottom:10px}.purpose-bridge .story-node{top:70px;left:-8px}}
@media(max-width:600px){.purpose-opening{width:calc(100% - 40px);padding-top:30px}.purpose-heading{margin:0 0 30px}.purpose-heading .eyebrow{font-size:.51rem;letter-spacing:.09em;line-height:1.8;margin-bottom:19px}.purpose-heading h1{font-size:clamp(2.9rem,11.4vw,4.2rem);line-height:1.05}.purpose-intro{display:block;margin-top:24px}.purpose-intro p{font-size:.95rem;margin-bottom:20px}.purpose-intro .button{font-size:.91rem;padding:12px 23px}.demo-topline{display:block;padding:20px 0 0;line-height:1.8}.demo-topline>span{display:block;font-size:.56rem}.demo-topline>span+span{font-size:.49rem;margin-top:5px}.demo-scene{height:760px;margin-top:20px}.demo-connections{display:none}.work-fragment{width:62%;max-width:none;padding:16px 20px}.fragment-inquiry{left:0;top:0;transform:rotate(-5deg);z-index:3}.fragment-notes{left:35%;top:98px;transform:rotate(6deg);z-index:2}.fragment-followup{left:4%;top:209px;transform:rotate(-4deg);z-index:4}.work-fragment p{font-size:.94rem;line-height:1.5;margin-top:8px}.fragment-type{font-size:.57rem}.fragment-source{font-size:.62rem;margin-top:9px}.demo-brand{left:34%;width:33%;top:385px}.demo-brand img{max-width:135px}.demo-brand-label{font-size:.47rem;margin-top:9px}.demo-brand:before,.demo-brand:after{content:'';position:absolute;width:1px;height:35px;left:50%;background:#4868ba55}.demo-brand:before{top:-40px}.demo-brand:after{bottom:-40px}.work-demo:not([data-phase="0"]) .demo-brand:before,.work-demo[data-phase="2"] .demo-brand:after,.work-demo[data-phase="3"] .demo-brand:after{background:#6687df;box-shadow:0 0 12px #4b6cc255}.brand-aura{inset:-35px -35px}.demo-output{left:5%;right:5%;top:580px;transform:translateY(12px);padding:0}.demo-output h2{font-size:2rem;margin-bottom:12px}.demo-output h2 br{display:none}.demo-output h2 em{margin-left:5px}.output-heading{font-size:.55rem;margin-bottom:10px}.output-spark{font-size:1.1rem}.demo-output>p{font-size:.85rem;line-height:1.65;margin-bottom:15px}.review-gate{padding-top:12px;gap:12px}.review-gate strong{font-size:.82rem}.review-gate small{font-size:.64rem}.demo-scene{height:820px}.demo-bottomline{display:block;padding:18px 5px 20px;min-height:0}.demo-caption strong{font-size:1.25rem}.demo-caption>span{font-size:.84rem}.demo-play{margin-top:18px;font-size:.8rem;min-height:44px;padding:10px 18px}.demo-stages{padding:0 0 15px;gap:6px}.demo-stages button{padding:12px 2px 5px;font-size:.7rem;text-align:center}.demo-stages button>span{display:block;font-size:.58rem;margin:0 0 5px}.purpose-bridge{padding:35px 10px 50px 15px;margin-top:25px;gap:22px}.purpose-bridge p{font-size:.94rem}.purpose-bridge p br{display:none}.purpose-bridge>a{font-size:.8rem}.purpose-bridge>a span{margin-left:6px}.purpose-bridge .story-node{left:-5px;top:42px}.home-page .learn-moment{padding-top:35px}}
@media(prefers-reduced-motion:reduce){.demo-energy path,.work-fragment,.demo-brand img,.brand-aura,.demo-output,.review-gate,.demo-junctions circle,.demo-stages button{transition:none}.work-fragment{transform:none!important}}