.create-section{background:#edf2eb;padding:90px 0;color:var(--ink)}.create-heading{display:flex;align-items:end;justify-content:space-between;gap:35px}.create-heading h2{font-size:clamp(38px,5.2vw,68px);letter-spacing:-.065em;line-height:1.08;margin:18px 0 0}.create-heading h2 em{font-style:normal;color:#318b77}.create-heading p{font-size:15px;line-height:1.7;color:#56756b;max-width:290px;margin:0 0 5px}.starter-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:34px 0 20px}.starter-row>span{font-size:11px;color:#5b796e;margin-right:8px}.starter-row button{border:1px solid #cbd8cb;border-radius:30px;background:transparent;color:#326051;padding:10px 14px;font-size:11px}.starter-row button:hover{background:#fff}.creator{border:1px solid #bfcfc3;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 24px 80px #103b3d0a}.creator-head{display:flex;justify-content:space-between;gap:16px;padding:20px 24px;font-size:9px;letter-spacing:.13em;font-weight:750;border-bottom:1px solid #dfe7dc}.creator-head .live-dot{width:6px;height:6px;background:#318b77;box-shadow:none}.creator-grid{display:grid;grid-template-columns:280px minmax(0,1fr)}.piece-picker{padding:30px 22px;background:#f8faf5;min-width:0}.picker-counter{font-size:9px;letter-spacing:.12em;color:#789082}.piece-picker h3{font-size:26px;line-height:1.1;letter-spacing:-.04em;margin:14px 0 12px}.piece-picker>p{font-size:12px;color:#607a6f;line-height:1.6;min-height:38px}.piece-option{display:flex;align-items:center;gap:12px;border:1px solid #d4dfd2;border-radius:12px;background:white;color:var(--ink);text-align:left;padding:14px 10px;width:100%;margin-top:10px;transition:transform .2s,border-color .2s}.piece-option:hover{transform:translateX(3px);border-color:#328a78}.piece-option.selected{border-color:#318b77;background:#e8f1e4}.piece-icon{width:32px;height:36px;display:grid;place-items:center;color:#348872;background:#eaf2e5;border-radius:8px;font-size:20px;flex-shrink:0}.piece-option strong{display:block;font-size:12px}.piece-option small{font-size:10px;color:#60796d;display:block;margin-top:5px;line-height:1.5}.piece-option>b{font-weight:400;margin-left:auto}.start-again{background:none;border:0;font-size:11px;color:#657c70;padding:0;margin-top:28px}.creation-canvas{position:relative;isolation:isolate;min-width:0;padding:26px 28px 20px;background:#123e40;color:#f4f7ee;display:flex;flex-direction:column}.creation-canvas:before{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#86aa9c40 .7px,transparent .7px);background-size:18px 18px;mask-image:linear-gradient(#0009,transparent)}.canvas-title{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.1em;color:#9dbdb0}.canvas-title span:last-child{letter-spacing:0;color:#c9e8ac}.creation-line{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);align-items:center;margin:70px 0 28px}.creation-node{min-width:0;min-height:198px;border:1px dashed #6f9185;border-radius:17px;padding:16px 12px;background:#173f41;color:#e8f2e5;text-align:left;display:flex;flex-direction:column;transition:transform .3s,background .3s,box-shadow .3s}.creation-node small{font-size:8px;letter-spacing:.12em;color:#b4ccbc}.node-mark{font-size:29px;display:grid;place-items:center;width:44px;height:46px;border:1px solid #779d8b;border-radius:11px;margin:23px 0 17px;color:#b7dbab}.creation-node strong{font-size:15px;line-height:1.25;letter-spacing:-.025em}.node-edit{font-size:9px;color:#a6c2b3;margin-top:15px}.creation-node.empty .node-mark{border-style:dashed}.creation-node.filled{border:1px solid #a7bfa3;background:#e8f0dd;color:#193e3e;box-shadow:0 10px 30px #001b1b20}.creation-node.filled small,.creation-node.filled .node-edit{color:#5f7f6d}.creation-node.filled .node-mark{background:#153e40;color:#d1e9bc;border:0}.creation-node:nth-of-type(2).filled{background:#f5b4cf;border-color:#f5b4cf;transform:rotate(-3deg)}.creation-node:nth-of-type(3).filled{background:#fcfaf0;border-color:#fcfaf0;transform:rotate(2deg)}.creation-node.editing{box-shadow:0 0 0 3px #f38cb270}.creation-node:hover{transform:translateY(-6px)}.creation-wire{height:1px;background:#72988b;position:relative}.creation-wire:after{content:'›';position:absolute;right:0;top:-11px;color:#91b3a5}.creation-wire i{display:block;width:5px;height:5px;border-radius:50%;background:#f38cb2;position:absolute;top:-2px;opacity:0}.creation-wire.finished i{animation:travel 1.5s infinite;opacity:1}.creation-node.executing{box-shadow:0 0 0 5px #f38cb2;transform:translateY(-8px)}.creation-node.finished{border:2px solid #b9e89f}.creation-story{font-size:13px;line-height:1.8;color:#b7cfc2;max-width:530px;min-height:48px}.creation-story b{font-weight:600;color:#e9f2df}.build-controls{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:26px}.build-controls .btn{font-size:12px;padding:15px 22px}.build-controls .btn:disabled{background:#486767;color:#b7ccbf;cursor:default}.build-controls>span{font-size:10px;color:#aac8b7;max-width:150px;line-height:1.5}.canvas-foot{display:flex;gap:18px;justify-content:space-between;align-items:end;margin-top:auto;padding-top:38px;color:#acccba}.canvas-foot>span{font-size:12px;white-space:nowrap}.canvas-foot small{font-size:9px;line-height:1.5;max-width:190px;text-align:right}.creation-result{margin-top:28px;background:#f6f6ed;color:#153e40;border-radius:15px;padding:24px;animation:materialise .5s ease both}.creation-result[hidden]{display:none}.result-eyebrow{font-size:9px;letter-spacing:.1em;color:#3b7d67;font-weight:750}.creation-result h3{font-size:29px;letter-spacing:-.04em;line-height:1.1;margin:14px 0 20px}.result-source{border-left:2px solid #a5b99a;padding-left:14px;margin-bottom:22px}.result-source small{font-size:8px;letter-spacing:.12em;color:#7b8f7a}.result-source p,.incoming-example{font-size:12px;line-height:1.6;color:#587564;margin:8px 0}.creation-result blockquote{background:white;border:1px solid #d9e3d2;border-radius:12px;padding:20px;margin:0;font-size:15px;line-height:1.65;box-shadow:0 10px 20px #123e4005}.record-preview{background:white;border-radius:10px;padding:5px 18px}.record-preview>div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #e8eddf;font-size:12px}.record-preview strong{text-align:right}.record-preview>div:last-child{border:0}.task-preview{padding:20px;background:white;border-radius:12px;display:flex;gap:14px}.task-box{width:22px;height:22px;border:1px solid #80a38a;border-radius:6px;flex-shrink:0}.task-preview strong{font-size:15px}.task-preview p{font-size:11px;color:#7a9079;line-height:1.6;margin:6px 0 0}.result-route{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px;font-size:10px;color:#39755b}.result-route small{font-size:9px;color:#7c8e77}.result-explanation{font-size:11px;line-height:1.6;color:#5c765e}.result-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px}.result-actions button{background:none;border:0;border-bottom:1px solid #a8b99c;padding:0 0 6px;color:#285d4b;font-size:11px}.hero-composition{display:flex;flex-direction:column;align-items:center;padding:6px 0 22px}.hero-composition>span:not(.hero-connection){padding:12px 23px;background:#dfeccc;color:#234947;border-radius:10px;font-size:12px;transform:rotate(-3deg);border:1px solid #d4e8c1}.hero-composition>span:last-child{background:#f7b5d0;transform:rotate(2deg);border-color:#f7b5d0}.hero-composition>b{font-size:32px;letter-spacing:-.08em;color:white}.hero-composition i{color:var(--pink);font-style:normal}.hero-connection{font-size:22px;color:#90b9a2;padding:4px;animation:float 3s infinite}.studio{min-height:0}.studio-content .studio-launch{max-width:none}@keyframes travel{from{left:0}to{left:100%}}@keyframes materialise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:1000px){.creator-grid{grid-template-columns:240px minmax(0,1fr)}.creation-canvas{padding:24px 20px}.creation-node{padding:14px 9px}.creation-node strong{font-size:13px}.creation-line{grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 14px minmax(0,1fr)}}@media(max-width:800px){.create-section{padding:55px 0}.create-heading{display:block}.create-heading p{margin-top:22px;max-width:400px}.creator-grid{grid-template-columns:1fr}.piece-picker{padding:22px}.piece-picker>p{min-height:0}.piece-picker h3{font-size:23px}.creation-line{margin-top:38px}.creation-node{min-height:180px}.creator-head{padding:18px;font-size:8px}.creator-head>span:last-child{text-align:right}#pieceOptions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.piece-option{flex-direction:column;align-items:start;padding:12px 9px;margin:0}.piece-option>b{display:none}.piece-option strong{font-size:11px}.piece-option small{font-size:9px}.start-again{margin-top:20px}}@media(max-width:430px){.create-heading h2{font-size:38px}.creator{border-radius:18px}.piece-picker{padding:20px 15px}.piece-option small{display:none}.creation-canvas{padding:24px 16px}.creation-line{gap:0;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr);margin-top:32px}.creation-node{padding:11px 7px;min-height:167px;border-radius:12px}.creation-node small{font-size:6px;letter-spacing:.05em}.node-mark{width:33px;height:36px;font-size:23px;margin:16px 0}.creation-node strong{font-size:11px}.node-edit{font-size:7px}.creation-story{font-size:12px}.build-controls>span{max-width:none}.canvas-foot{padding-top:28px}.canvas-foot small{max-width:140px}.creation-result{padding:18px}.creation-result h3{font-size:25px}.creation-result blockquote{padding:15px;font-size:13px}.creator-head{letter-spacing:.06em}.creator-head>span:last-child{max-width:130px}.record-preview{padding:5px 12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.star{background:#f3dfe6}.demo-intro{display:flex;align-items:end;justify-content:space-between;gap:40px}.demo-intro h2{font-size:clamp(36px,5vw,65px);max-width:760px}.demo-intro h2 span{color:#a44370}.demo-intro>p{color:#6d5e67;max-width:280px;font-size:14px;line-height:1.7;margin-bottom:25px}.demo-invitation{display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;background:#123e40;border-radius:24px;margin-top:24px;color:white}.demo-invitation-copy{padding:44px 42px}.demo-edition{font-size:9px;letter-spacing:.14em;color:#b2cdbb}.demo-invitation h3{font-size:clamp(40px,5.5vw,68px);letter-spacing:-.06em;line-height:1.06;margin:26px 0}.demo-invitation h3 em{font-style:normal;color:var(--pink)}.demo-invitation-copy>p{font-size:14px;line-height:1.8;color:#b9d3c4;margin:0 0 28px}.demo-separate{display:block;font-size:11px;color:#bdcebe;width:fit-content;margin-top:18px;border-bottom:1px solid #6c8f80;padding-bottom:5px}.demo-invitation-guide{padding:44px 38px;background:#1a4949;display:flex;flex-direction:column;justify-content:center;gap:30px}.demo-invitation-guide>div{display:flex;gap:18px}.demo-invitation-guide>div>span{font-size:12px;color:var(--pink);padding-top:4px}.demo-invitation-guide h4{font-size:20px;letter-spacing:-.03em;margin:0 0 8px}.demo-invitation-guide p{font-size:12px;color:#b6d0c0;line-height:1.7;margin:0;max-width:260px}.demo-invitation-guide>small{font-size:9px;color:#a2bcae;line-height:1.5}.nav-demo{font-size:13px;border:0;background:none;color:#dce9e4;padding:8px 0}.demo-dialog{border:1px solid #79958a;padding:0;border-radius:20px;background:var(--cream);width:min(1380px,96vw);max-width:96vw;height:94vh;height:94dvh;max-height:94dvh;color:var(--ink);box-shadow:0 35px 100px #001b1b50;overflow:hidden}.demo-dialog[open]{display:flex;flex-direction:column}.demo-dialog::backdrop{background:#072c30c9}.demo-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 20px;background:#123e40;color:#f4f7ed;flex-shrink:0}.demo-dialog-head strong{font-size:15px;letter-spacing:-.03em}.demo-dialog-head small{display:block;font-size:10px;color:#a8cbb8;margin-top:4px}.demo-dialog-head>div:last-child{display:flex;gap:20px;align-items:center}.demo-dialog-head a{font-size:11px;color:#f7b5d0}.demo-close{border:1px solid #54796e;border-radius:50%;width:36px;height:36px;color:white;background:transparent;font-size:15px}.demo-close:hover{background:#315f57}.demo-frame-wrap{flex:1;min-height:0;background:#f6f7f2}.demo-frame-wrap iframe{width:100%;height:100%;border:0;display:block;background:#f6f7f2}.demo-dialog>footer{display:flex;justify-content:space-between;gap:12px;padding:10px 20px;font-size:10px;flex-shrink:0;background:#e8eee2;color:#55705d}.demo-dialog>footer a{color:#286b54;text-decoration:underline}@media(max-width:800px){.demo-intro{display:block}.demo-intro>p{max-width:500px}.demo-invitation{grid-template-columns:1fr}.demo-invitation-copy,.demo-invitation-guide{padding:30px 26px}.demo-invitation-guide{gap:24px}.nav-demo{font-size:11px}.links{gap:15px}.demo-dialog{width:100vw;max-width:100vw;height:100vh;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0}.demo-dialog-head{padding:12px 14px}.demo-dialog>footer{padding:10px 14px;flex-wrap:wrap}.demo-dialog-head>div:last-child{gap:14px}}@media(max-width:430px){.demo-invitation-copy{padding:30px 22px}.demo-invitation h3{font-size:48px}.demo-dialog-head strong{font-size:13px}.demo-dialog-head small{font-size:9px}.demo-dialog-head a{font-size:10px}.demo-close{width:32px;height:32px}.demo-edition{font-size:8px}.demo-invitation-guide h4{font-size:19px}.demo-intro h2{font-size:36px}}