:root{--ink:#153c39;--ink-deep:#092a28;--water:#14796f;--water-bright:#35a999;--foam:#f2f3ea;--paper:#faf9f3;--signal:#ee6a3d;--line:#153c392e;--muted:#627571;--display:"Bodoni 72", "Iowan Old Style", "Songti SC", "STSong", serif;--sans:"Avenir Next", "Futura", "PingFang SC", "Hiragino Sans GB", sans-serif;--mono:"SFMono-Regular", "Cascadia Mono", "Menlo", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--paper)}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 76% 9%, #35a99921, transparent 23rem), linear-gradient(180deg, var(--paper), #f5f4ec);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.shell{width:min(1180px,100% - 64px);margin-inline:auto}.site-header{z-index:20;justify-content:space-between;align-items:center;height:96px;display:flex;position:relative}.brand{align-items:center;gap:13px;display:inline-flex}.brand-mark{border:1px solid var(--ink);border-radius:50%;width:38px;height:38px;position:relative;overflow:hidden}.brand-mark:before,.brand-mark:after{content:"";border:1px solid var(--ink);border-radius:50%;width:44px;height:17px;position:absolute;left:-4px}.brand-mark:before{top:10px}.brand-mark:after{top:16px}.brand-copy{gap:4px;line-height:1;display:grid}.brand-copy strong{font-family:var(--display);letter-spacing:.08em;font-size:17px;font-weight:600}.brand-copy small{letter-spacing:.25em;font-size:9px}.site-nav{align-items:center;gap:32px;font-size:13px;display:flex}.site-nav>a:not(.nav-cta){position:relative}.site-nav>a:not(.nav-cta):after{content:"";border-bottom:1px solid;transition:right .25s;position:absolute;bottom:-5px;left:0;right:100%}.site-nav>a:hover:after{right:0}.nav-cta{border:1px solid var(--ink);border-radius:99px;padding:11px 18px;transition:all .2s}.nav-cta:hover{background:var(--ink);color:var(--foam)}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:4vw;min-height:680px;padding:50px 0 100px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.22em;align-items:center;gap:12px;font-size:10px;font-weight:600;display:flex}.eyebrow span{border-top:1px solid;width:28px}.hero h1{font-family:var(--display);letter-spacing:-.045em;margin:29px 0 34px;font-size:clamp(54px,6.2vw,90px);font-weight:400;line-height:.98}.hero h1 em{color:var(--water);font-weight:400}.hero-lead{max-width:540px;color:var(--muted);font-size:16px;line-height:1.9}.hero-actions{align-items:center;gap:31px;margin-top:42px;display:flex}.button{cursor:pointer;border:0;justify-content:center;align-items:center;gap:22px;min-height:48px;padding:0 22px;transition:transform .2s,background .2s,color .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--signal);color:#fff}.button-ink{background:var(--ink-deep);color:var(--foam)}.text-link{border-bottom:1px solid var(--line);padding:10px 0;font-size:13px}.text-link span{margin-left:18px}.echo-stage{place-items:center;min-height:520px;display:grid;position:relative}.echo-stage:before{content:"";filter:blur(7px);background:radial-gradient(#14796f38,#0000 67%);position:absolute;inset:8% 2%}.echo-ring{border:1px solid #14796f40;border-radius:50%;position:absolute;transform:rotate(-9deg)}.ring-one{aspect-ratio:1.35;width:92%}.ring-two{aspect-ratio:1.25;width:74%}.ring-three{aspect-ratio:1.55;width:110%}.program-window{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#faf9f3e0;border:1px solid #ffffffe6;width:min(420px,85%);animation:6s ease-in-out infinite float;position:relative;transform:rotate(2deg);box-shadow:0 25px 70px #092a2829}.window-top{border-bottom:1px solid var(--line);align-items:center;gap:7px;height:43px;padding:0 14px;display:flex}.window-top span{border:1px solid var(--water);border-radius:50%;width:7px;height:7px}.window-top b{font:9px var(--mono);letter-spacing:.08em;color:var(--muted);margin-left:auto}.window-body{text-align:center;flex-direction:column;align-items:center;height:300px;padding:45px 36px 28px;display:flex}.window-body p{font:9px var(--mono);letter-spacing:.22em}.window-body strong{font:400 72px/1 var(--display);letter-spacing:-.05em;margin:25px 0 31px}.tide-line{align-items:center;width:100%;height:24px;display:flex;position:relative;overflow:hidden}.tide-line i{border:1px solid var(--water);border-radius:50%;width:140%;height:24px;position:absolute;left:-20%}.tide-line i:nth-child(2){top:7px;left:-10%}.tide-line i:nth-child(3){top:14px;left:-28%}.window-body small{font:9px var(--mono);color:var(--muted);margin-top:auto}.stage-note{font:9px var(--mono);letter-spacing:.12em;transform-origin:100%;position:absolute;bottom:2%;right:4%;transform:rotate(90deg)}.manifesto{border-top:1px solid var(--line);grid-template-columns:25% 75%;padding:105px 0 82px;display:grid}.section-index{font:10px var(--mono);color:var(--signal)}.manifesto h2,.contract h2{font:400 clamp(38px, 4.4vw, 61px)/1.15 var(--display);letter-spacing:-.035em;margin-top:22px}.flow-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.flow-step{border-right:1px solid var(--line);min-height:300px;padding:36px 36px 50px}.flow-step:first-child{padding-left:0}.flow-step:last-child{border:0}.flow-step>span{font:10px var(--mono);color:var(--signal)}.flow-mark{border:1px solid var(--water);border-radius:50%;width:95px;height:95px;margin:36px 0;position:relative}.flow-step:nth-child(2) .flow-mark:after{content:"";border:1px solid;position:absolute;inset:17px;transform:rotate(45deg)}.flow-step:nth-child(3) .flow-mark{box-shadow:14px 0 0 -1px var(--foam), 14px 0 0 0 var(--water), 28px 0 0 -1px var(--foam), 28px 0 0 0 var(--water)}.flow-step h3{font:400 31px var(--display);margin-bottom:12px}.flow-step p{color:var(--muted);font-size:13px}.contract{background:var(--water);color:var(--foam);grid-template-columns:.9fr 1.1fr;min-height:570px;margin-top:130px;margin-bottom:130px;display:grid;overflow:hidden}.contract-art{background:radial-gradient(circle,#2e9487,#0000 58%);place-items:center;display:grid;position:relative}.contract-art:before,.contract-art:after,.contract-art i{content:"";border:1px solid #f2f3ea52;border-radius:50%;width:370px;height:190px;position:absolute;transform:rotate(17deg)}.contract-art:after{transform:rotate(-17deg)}.contract-art i{width:260px;height:360px}.contract-art span{font:100px var(--display);z-index:1}.contract-copy{background:linear-gradient(135deg,#0000,#092a282e);padding:72px 7vw 65px 5vw}.contract-copy ul{border-top:1px solid #ffffff40;margin:39px 0;list-style:none}.contract-copy li{border-bottom:1px solid #ffffff40;padding:15px 0;font-size:13px}.contract-copy li span{font:9px var(--mono);opacity:.65;margin-right:18px}.site-footer{border-top:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:170px;display:grid}.site-footer div{flex-direction:column;display:flex}.site-footer strong{font:19px var(--display);letter-spacing:.1em}.site-footer span{letter-spacing:.35em;font-size:8px}.site-footer p{font:italic 27px var(--display);text-align:center;color:var(--water)}.site-footer small{text-align:right;font:9px var(--mono);color:var(--muted)}.page-shell{min-height:calc(100vh - 96px);padding:70px 0 110px}.page-heading{max-width:760px;margin-bottom:52px}.page-heading h1{font:400 clamp(47px, 6vw, 76px)/1 var(--display);letter-spacing:-.04em;margin:18px 0}.page-heading p{color:var(--muted);line-height:1.75}.auth-layout{grid-template-columns:1fr 470px;align-items:center;gap:10vw;min-height:calc(100vh - 166px);display:grid}.auth-copy h1{font:400 clamp(54px, 7vw, 92px)/.95 var(--display);letter-spacing:-.05em;margin:24px 0}.auth-copy h1 em{color:var(--water);font-weight:400}.auth-copy>p:last-child{color:var(--muted);max-width:470px;line-height:1.8}.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff94;padding:36px;box-shadow:0 24px 80px #092a2814}.panel h2{font:400 35px var(--display);margin-bottom:8px}.panel-intro{color:var(--muted);margin-bottom:30px;font-size:13px}.form-stack{gap:19px;display:grid}.field{gap:8px;display:grid}.field label{letter-spacing:.08em;text-transform:uppercase;font-size:11px}.field input,.field textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#faf9f3cc;outline:none;padding:14px 15px;transition:border .2s,box-shadow .2s}.field input:focus,.field textarea:focus{border-color:var(--water);box-shadow:0 0 0 3px #14796f1a}.field textarea{resize:vertical;min-height:330px;font:12px/1.65 var(--mono)}.field-meta{color:var(--muted);font:10px var(--mono);justify-content:space-between;display:flex}.submit-button{width:100%;margin-top:5px}.form-note{color:var(--muted);text-align:center;font-size:12px;line-height:1.6}.form-note a{color:var(--water);border-bottom:1px solid}.form-error,.form-success{padding:11px 13px;font-size:12px;line-height:1.5}.form-error{color:#9d3c20;background:#fff0eb}.form-success{color:var(--ink);background:#e5f4ef}.setup-notice{border-left:3px solid var(--signal);background:#fff4e9;margin-bottom:30px;padding:18px 20px;font-size:13px;line-height:1.7}.setup-notice code{font-family:var(--mono);font-size:11px}.room-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:48px;display:flex}.room-header .page-heading{margin:0}.program-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.program-card{border:1px solid var(--line);background:#ffffff6b;flex-direction:column;min-height:230px;padding:24px;transition:transform .2s,border .2s;display:flex}.program-card:hover{border-color:var(--water);transform:translateY(-4px)}.program-card-top{font:9px var(--mono);color:var(--muted);justify-content:space-between;display:flex}.program-card h2{font:400 28px var(--display);margin:35px 0 10px}.program-card p{color:var(--muted);font-size:12px;line-height:1.6}.program-card footer{justify-content:space-between;align-items:center;margin-top:auto;font-size:11px;display:flex}.program-card footer span:last-child{color:var(--signal)}.empty-room{border:1px dashed var(--line);text-align:center;place-items:center;min-height:300px;display:grid}.empty-room h2{font:34px var(--display);margin-bottom:10px}.empty-room p{color:var(--muted);margin-bottom:25px}.signout-form button{color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:13px}.editor-layout{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:start;gap:22px;display:grid}.editor-panel,.preview-panel{border:1px solid var(--line);background:#ffffff7a;padding:27px}.editor-panel-head,.preview-panel-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.editor-panel-head h2,.preview-panel-head h2{font:25px var(--display)}.upload-label{color:var(--water);cursor:pointer;border-bottom:1px solid;font-size:11px}.upload-label input{display:none}.sandbox-frame{border:1px solid var(--line);background:#fff;width:100%;height:520px;display:block}.sandbox-toolbar{align-items:center;gap:9px;min-height:30px;margin-top:13px;display:flex}.sandbox-toolbar button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;padding:7px 11px}.sandbox-status{font:9px var(--mono);color:var(--muted);margin-left:auto}.sandbox-status[data-ready=true]:before{content:"";background:var(--water-bright);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.runtime-page{background:#e8ece5;grid-template-rows:62px minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.runtime-bar{background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 22px;display:flex}.runtime-bar>div{align-items:center;gap:15px;display:flex}.runtime-bar h1{font:20px var(--display)}.runtime-bar small{font:9px var(--mono);color:var(--muted)}.runtime-frame-wrap{min-height:0;padding:12px}.runtime-frame-wrap .sandbox-shell,.runtime-frame-wrap .sandbox-frame{height:100%}.runtime-frame-wrap .sandbox-shell{grid-template-rows:minmax(0,1fr) auto;display:grid}.runtime-frame-wrap .sandbox-frame{min-height:0}.not-found{text-align:center;place-items:center;min-height:100vh;display:grid}.not-found strong{font:120px/1 var(--display);color:var(--water)}.not-found h1{font:38px var(--display);margin:10px 0}.not-found p{color:var(--muted);margin-bottom:28px}.reveal{animation:.8s cubic-bezier(.2,.7,.2,1) both reveal}.delay-1{animation-delay:.15s}@keyframes reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:rotate(-1deg)translateY(-10px)}}@media (max-width:900px){.shell{width:min(100% - 38px,680px)}.hero{grid-template-columns:1fr;padding-top:60px}.echo-stage{min-height:480px}.manifesto{grid-template-columns:1fr;gap:25px}.flow-grid{grid-template-columns:1fr}.flow-step,.flow-step:first-child{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:45px 100px 1fr;align-items:center;gap:20px;min-height:auto;padding:30px 0;display:grid}.flow-step:last-child{border-bottom:0}.flow-mark{width:70px;height:70px;margin:0}.flow-step p{grid-column:3}.contract{grid-template-columns:1fr;margin-top:90px}.contract-art{min-height:330px}.auth-layout{grid-template-columns:1fr;gap:45px;padding-bottom:70px}.auth-copy{padding-top:50px}.program-grid{grid-template-columns:repeat(2,1fr)}.editor-layout{grid-template-columns:1fr}.preview-panel{order:-1}}@media (max-width:600px){.shell{width:calc(100% - 32px)}.site-header{height:78px}.site-nav{gap:14px}.site-nav>a:first-child{display:none}.nav-cta{padding:9px 13px}.hero{padding:55px 0 80px}.hero h1{font-size:54px}.hero-lead{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start;gap:13px}.echo-stage{min-height:390px}.program-window{width:90%}.window-body{height:250px;padding:35px 25px 24px}.window-body strong{font-size:58px}.stage-note{display:none}.manifesto{padding:75px 0 55px}.manifesto h2,.contract h2{font-size:37px}.flow-step,.flow-step:first-child{grid-template-columns:32px 78px 1fr;gap:12px}.flow-mark{width:58px;height:58px}.flow-step h3{font-size:25px}.flow-step p{font-size:11px}.contract{width:100%;margin-bottom:80px}.contract-art{min-height:270px}.contract-art:before,.contract-art:after{width:270px;height:140px}.contract-art i{width:190px;height:260px}.contract-copy{padding:52px 25px}.site-footer{grid-template-columns:1fr 1fr;min-height:200px}.site-footer p{text-align:right}.site-footer small{text-align:left;grid-column:1/-1}.page-shell{padding-top:45px}.auth-layout{min-height:auto}.auth-copy h1{font-size:58px}.panel{padding:25px 20px}.room-header{flex-direction:column;align-items:flex-start}.program-grid{grid-template-columns:1fr}.editor-panel,.preview-panel{padding:19px 15px}.sandbox-frame{height:380px}.runtime-page{grid-template-rows:56px minmax(0,1fr)}.runtime-bar{padding:0 12px}.runtime-bar small{display:none}.runtime-frame-wrap{padding:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}