:root{--paper:#f7f7f4;--ink:#111;--purple:#57068c;--line:#d4d4cf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{touch-action:manipulation}a:hover,button:hover{color:var(--purple)}:focus-visible{outline:2px solid var(--purple);outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:white;padding:15px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.meta{font-size:10px;line-height:1.5;letter-spacing:.065em}.chapter{position:relative;min-height:760px;height:100svh;isolation:isolate;overflow:hidden}.poster-nav{position:absolute;top:0;left:3%;right:3%;height:76px;display:flex;align-items:center;justify-content:space-between;z-index:5;font-size:11px;letter-spacing:.04em;pointer-events:none}.poster-nav a{pointer-events:auto}.poster-nav nav{display:flex;gap:32px}.map-frame{position:relative;overflow:hidden;background:var(--paper)}.map-frame .map-surface{position:absolute;inset:0;width:100%;height:100%}.hero-map{position:absolute;inset:0}.hero-map .map-surface{opacity:.48}.text-cta{display:inline-block;font-size:12px;letter-spacing:.035em;padding:8px 0;background:none;border:0;cursor:pointer;transition:color .22s;pointer-events:auto}.text-cta:hover{text-decoration:underline;text-underline-offset:5px}.wordmark-object{position:absolute;left:22%;top:39%;width:57%;height:24%;touch-action:pan-y;cursor:pointer;transform-origin:center}.wordmark-fallback,#wordmark-canvas{position:absolute;width:100%;height:100%;inset:0}.wordmark-fallback{background:var(--ink);mask:url('/coodie-wordmark.svg') center/94% auto no-repeat;transition:background-color .25s}.wordmark-object:hover .wordmark-fallback,.wordmark-object:focus-visible .wordmark-fallback,.wordmark-object:active .wordmark-fallback{background:var(--purple)}#wordmark-canvas{opacity:0}.wordmark-object.ready #wordmark-canvas{opacity:1}.wordmark-object.ready .wordmark-fallback{visibility:hidden}.hero-foot{position:absolute;left:3%;right:3%;bottom:42px;display:flex;justify-content:space-between;pointer-events:none}.hero-foot a{pointer-events:auto}.maplibregl-ctrl-attrib{font-size:9px!important;background:#f7f7f4a0!important}.maplibregl-ctrl-bottom-right{bottom:8px!important;right:3%!important}.place-label{font-size:10px;color:#777;letter-spacing:.06em}.product-chapter{border-top:1px solid var(--line);padding:6vh 4% 65px;display:grid;grid-template-columns:36% 64%;gap:0}.chapter-heading{z-index:2;pointer-events:none}.chapter-heading h2,.network-heading h2{font-size:clamp(45px,5.4vw,83px);font-weight:500;line-height:.98;letter-spacing:-.055em;margin:42px 0 27px}.chapter-heading p{font-size:16px;line-height:1.5}.product-canvas{position:relative;min-height:580px}.product-map{position:absolute;inset:0 -6.25% 0 -7%;}.product-map .map-surface{opacity:.72}.product-flow{position:absolute;top:42%;left:24%;right:7%;padding:25px 0 15px;background:var(--paper);border-top:1px solid var(--ink)}.flow-path{display:flex;align-items:center;gap:12px;color:#777;font-size:9px}.flow-path [aria-current]{color:var(--purple)}#discovery-detail{padding-top:25px;min-height:200px}#discovery-detail h3{font-weight:500;font-size:clamp(28px,3vw,43px);letter-spacing:-.04em;line-height:1.05;margin:13px 0}#discovery-detail p{font-size:15px;line-height:1.4;margin:12px 0 18px}.flow-prompt{font-size:23px!important;letter-spacing:-.03em}.identity-tags{font-size:10px;letter-spacing:.08em;margin:22px 0}.reset-demo{border:0;background:none;cursor:pointer;padding:10px 0;color:#666}.demo-note{position:absolute;bottom:22px;right:0;font-size:9px}.chapter-bottom{position:absolute;bottom:28px;left:4%;right:4%;display:flex;justify-content:space-between}.landing-bubble{background:#fff;border:1px solid #bdbdb8;padding:14px 18px;color:#111;font-size:17px;line-height:1.25;text-align:left;cursor:pointer;max-width:220px;position:relative}.landing-bubble:after{content:'';position:absolute;bottom:-27px;left:21px;width:1px;height:26px;background:#777}.landing-bubble:before{content:'';position:absolute;bottom:-32px;left:18px;width:7px;height:7px;border-radius:50%;background:var(--purple)}.landing-bubble:hover,.landing-bubble[aria-expanded=true]{color:var(--purple);border-color:var(--purple)}.landing-bubble small{display:block;margin-top:10px;font-size:9px;letter-spacing:.04em}.sample-message{border-left:2px solid var(--purple);padding:8px 0 8px 18px;font-size:24px!important;letter-spacing:-.03em}.network-chapter{border-top:1px solid var(--line)}.network-map{position:absolute;left:35%;right:0;top:0;bottom:0}.network-heading{position:absolute;left:4%;top:7%;z-index:1}.network-heading h2{font-size:clamp(65px,7vw,110px);margin-top:34px}.network-heading p{font-size:12px;letter-spacing:.04em;line-height:1.7}.network-join{position:absolute;bottom:12%;left:4%;z-index:1}.network-join h3{font-size:clamp(39px,4vw,62px);font-weight:500;line-height:.97;letter-spacing:-.05em;margin:0 0 20px}.network-join .text-cta{font-size:14px}.network-join .meta{max-width:235px;margin-top:18px;font-size:9px;color:#555}.network-label{font-size:10px;letter-spacing:.03em;background:#f7f7f4cc;padding:5px;color:#666}.network-label small{display:block;font-size:8px;line-height:1.6;padding-left:12px}.network-label.live{color:var(--purple)}.chapter-footer{position:absolute;left:4%;right:4%;bottom:26px;display:flex;gap:35px;z-index:2}.chapter-footer span{color:#555}
@media(max-width:900px){.flow-path{gap:7px;font-size:8px}.product-flow{left:10%;right:4%}.chapter-heading h2{font-size:44px}.network-map{left:30%}}@media(max-width:600px){.chapter{height:100svh;min-height:700px}.poster-nav{left:6%;right:6%;height:65px;font-size:9px}.poster-nav nav{gap:15px}.wordmark-object{left:7%;width:86%;top:43%;height:22%}.hero-foot{left:6%;right:6%;font-size:9px;bottom:45px}.hero-foot span:last-child{display:none}.product-chapter{padding:35px 6% 55px;display:block;height:110svh;min-height:850px}.chapter-heading h2{font-size:43px;margin:20px 0 15px}.chapter-heading p{font-size:13px;margin:0}.product-canvas{position:absolute;top:270px;left:6%;right:6%;bottom:55px;min-height:0}.product-map{inset:0 -7%}.product-flow{top:35%;left:13%;right:0;padding-top:18px}.flow-path{gap:10px;font-size:8px}#discovery-detail{padding-top:18px;min-height:180px}#discovery-detail h3{font-size:31px}#discovery-detail p{font-size:14px}.flow-prompt{font-size:20px!important}.demo-note{bottom:-15px;right:0;font-size:8px}.chapter-bottom{bottom:17px;left:6%;right:6%;font-size:8px}.chapter-bottom span{max-width:50%}.network-chapter{min-height:850px;height:110svh}.network-heading{left:6%;top:40px}.network-heading h2{font-size:63px;margin:20px 0}.network-heading p{font-size:10px}.network-map{left:0;right:0;top:235px;bottom:200px}.network-join{bottom:60px;left:6%;right:6%;display:grid;grid-template-columns:1fr 1fr;align-items:end;column-gap:16px}.network-join h3{font-size:39px;margin:0}.network-join .text-cta{font-size:12px;justify-self:end}.network-join .meta{grid-column:1/-1;max-width:none;margin:15px 0 0;font-size:8px}.chapter-footer{left:6%;right:6%;bottom:20px;font-size:9px}.network-map .maplibregl-ctrl-bottom-right{bottom:0!important}.network-label{font-size:9px}.network-label small{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important}.wordmark-fallback,.text-cta{transition:none}}
.demo-note{bottom:48px}.wordmark-object{user-select:none;-webkit-user-drag:none}.map-error{position:absolute;left:20px;bottom:20px}@media(max-width:600px){.demo-note{bottom:-15px}.network-join h3{font-size:29px}.network-map{bottom:210px}}