.hero-experience{position:relative;display:block;width:calc(100% - 32px);max-width:none;min-height:0;margin:14px 16px 0;padding:0 0 30px;border:1px solid #87a6af;border-radius:26px;overflow:hidden;isolation:isolate;background:#567d89;color:#f8fbfa}
.hero-weather{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(circle at 79% 15%,#d9b399 0,#b19f9d 19%,transparent 43%),radial-gradient(circle at 15% 62%,#77a8a3 0,transparent 38%),linear-gradient(150deg,#30576c 2%,#5d8794 40%,#93b0aa 63%,#dbaf9d 100%)}
.hero-weather:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#173c4a59 0,transparent 52%,#313e5f32 100%)}
.weather-glow{position:absolute;right:6%;top:4%;width:310px;height:310px;border-radius:50%;background:#f3d1ae80;filter:blur(58px)}
.weather-cloud{position:absolute;display:block;width:520px;height:230px;filter:blur(21px);opacity:.65;border-radius:50%;background:radial-gradient(ellipse at 17% 67%,#ffd6b3 0 15%,transparent 48%),radial-gradient(ellipse at 49% 53%,#f8c6a5 0 21%,transparent 55%),radial-gradient(ellipse at 73% 64%,#eab7aa 0 18%,transparent 52%)}
.cloud-left{left:-180px;top:130px;transform:rotate(-10deg)}.cloud-right{right:-180px;top:230px;transform:rotate(13deg)}
.weather-horizon{position:absolute;bottom:-120px;left:-7%;width:115%;height:370px;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#edc09d44,#cab3af99);filter:blur(38px)}
.hero-experience .hero-copy{max-width:960px;margin:0 auto;padding:82px 26px 49px;text-align:center}
.hero-experience .eyebrow{color:#dcebe9;justify-content:center;font-size:10px;letter-spacing:.18em}
.hero-experience .eyebrow-line{background:#e9d8bf}
.hero-experience h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,5.4vw,68px);font-weight:400;letter-spacing:-.045em;line-height:1.05;margin:22px 0 20px;color:#fff;text-shadow:0 3px 25px #15394922}
.hero-experience h1 em{font-size:1em;white-space:normal;font-style:italic;color:#fff0dd}
.hero-experience .hero-lead{max-width:700px;margin:0 auto 24px;font-size:16px;line-height:1.6;color:#f0f6f4;text-shadow:0 2px 12px #17374544}
.hero-experience .hero-actions{justify-content:center}
.hero-experience .button{box-shadow:0 5px 18px #14384d1c}
.hero-experience .button-dark{background:#f9f7f1;color:#284455}
.hero-experience .button-dark:hover{background:#fff}
.hero-experience .button-quiet{background:#1744593d;color:#fff;border-color:#ffffff78;backdrop-filter:blur(9px)}
.hero-experience .button-quiet:hover{background:#ffffff2f}
.live-demo{position:relative;z-index:1;width:min(1148px,calc(100% - 88px));margin:0 auto;background:#f7fafb;color:#233b4b;border:1px solid #e6eeeed9;border-radius:16px;box-shadow:0 28px 70px #17394455,0 3px 12px #16394835;overflow:hidden;scroll-margin-top:95px;text-align:left}
.demo-topbar{height:42px;background:#1d3542;color:#b9d0d9;display:flex;align-items:center;gap:16px;padding:0 16px;border-bottom:1px solid #365263}
.demo-window-dots{display:flex;gap:5px}.demo-window-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#829eab}.demo-window-dots i:nth-child(1){background:#dfa991}.demo-window-dots i:nth-child(2){background:#d8c69d}.demo-window-dots i:nth-child(3){background:#90b1a1}
.demo-project-name{font-size:11px;color:#dce8eb}.demo-project-name b{color:#fff}.demo-project-name span{color:#7993a1;margin:0 7px}
.demo-live-label{margin-left:auto;font-size:8px;letter-spacing:.13em;font-weight:800;color:#b1c8cb}.demo-live-label i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#82bca8;vertical-align:middle}
.demo-shell{display:grid;grid-template-columns:180px minmax(0,1fr) 212px;min-height:419px}
.demo-sidebar{background:#edf2f4;border-right:1px solid #dce7ea;padding:16px 10px}
.demo-workspace{display:flex;align-items:center;gap:8px;padding:7px 7px 13px;border-bottom:1px solid #d7e2e7;margin-bottom:10px}.demo-workspace>span{display:grid;place-items:center;width:27px;height:27px;flex:none;border-radius:7px;background:#507891;color:#fff;font-size:11px;font-weight:800}.demo-workspace b{font-size:10px;line-height:1.1}.demo-workspace small{display:block;font-size:8px;font-weight:400;color:#8096a3;margin-top:4px}
.demo-side-label{display:block;color:#8b9eaa;font-size:7px;font-weight:800;letter-spacing:.16em;margin:13px 8px 6px}
.demo-side-link{width:100%;height:29px;display:flex;align-items:center;gap:9px;text-align:left;border:0;background:none;border-radius:5px;padding:0 8px;color:#617788;font-size:9px;cursor:pointer}
.demo-side-link:hover,.demo-side-link.active{background:#dbe7ec;color:#36586c}.demo-side-link.active{font-weight:750}
.demo-content{min-width:0;position:relative;background:#f9fbfb}
.demo-scene{padding:22px 23px 20px;min-height:419px}.demo-scene[hidden]{display:none}
.demo-scene-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:17px}.demo-scene-head small{font-size:7px;font-weight:800;letter-spacing:.15em;color:#8ba1ae}.demo-scene-head h2{font-size:19px;letter-spacing:-.04em;line-height:1.2;margin:5px 0;color:#294657;font-weight:700}.demo-scene-head p{font-size:9px;color:#8196a1;margin:0}.demo-scene-chip{border-radius:20px;border:1px solid #d4e2e8;background:#eaf2f5;color:#527589;font-size:8px;font-weight:750;padding:5px 8px}
.demo-card{min-width:0;background:#fff;border:1px solid #dfe9ed;border-radius:9px;box-shadow:0 3px 9px #3e65720a;padding:13px 14px}
.demo-card-label{display:block;color:#8ba1ad;font-size:7px;font-weight:800;letter-spacing:.13em;margin-bottom:10px}
.demo-direction-grid{display:grid;grid-template-columns:1.45fr .9fr;grid-template-rows:144px 122px;gap:9px}
.demo-vision{background:linear-gradient(130deg,#fff,#f5f8f8)}.demo-vision h3{max-width:360px;font-size:16px;line-height:1.25;letter-spacing:-.04em;color:#304e60;margin:0 0 9px}.demo-vision p,.demo-backlog p{font-size:9px;line-height:1.45;color:#8299a4;margin:0}
.demo-north b{display:block;font-size:23px;letter-spacing:-.05em;color:#3c5d70;margin:0}.demo-north b small{font-size:9px;color:#98aab3;letter-spacing:0;font-weight:500}.demo-north p{font-size:8px;line-height:1.3;color:#8299a4;margin:2px 0}.demo-north svg{width:100%;height:25px;stroke:#719aad;fill:none;stroke-width:2}
.demo-roadmap{padding-top:11px}.demo-roadmap .demo-card-label{margin-bottom:4px}.demo-roadmap>div{height:25px;display:flex;align-items:center;gap:7px;border-top:1px solid #edf1f2}.demo-roadmap i{width:7px;height:7px;border:1.5px solid #aebfc7;border-radius:50%;flex:none}.demo-roadmap i.done{background:#81ad97;border-color:#81ad97}.demo-roadmap i.current{background:#7099ae;border-color:#7099ae}.demo-roadmap b{font-size:8px;color:#496877;font-weight:700}.demo-roadmap small{font-size:7px;margin-left:auto;color:#9aadb6;white-space:nowrap}
.demo-backlog b{display:block;font-size:18px;letter-spacing:-.04em;color:#436175}.demo-backlog p{margin:2px 0 9px}.demo-backlog>span:last-child{display:block;background:#edf4f6;color:#607f8f;border-radius:4px;padding:5px 7px;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-spec-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px}.demo-spec-layout .demo-card{min-height:265px}.demo-spec-tree>div{display:flex;align-items:center;gap:7px;border-top:1px solid #e6edf0;height:46px;font-size:10px;color:#527183}.demo-spec-tree>div b{color:#6e9a89}.demo-spec-tree small{margin-left:auto;color:#9baeb7;font-size:8px}.demo-spec-detail h3{font-size:17px;letter-spacing:-.04em;line-height:1.3;margin:2px 0 15px}.demo-spec-detail p{font-size:9px;color:#607c8d;background:#f3f7f8;border-radius:5px;padding:8px 9px;margin:7px 0}.demo-spec-detail p b{color:#507e9a}.demo-spec-progress{height:6px;border-radius:5px;background:#e2ebef;margin-top:17px;overflow:hidden}.demo-spec-progress span{display:block;height:100%;background:#7fa993}.demo-spec-detail>small{display:block;font-size:8px;color:#93a8b1;margin-top:6px}
.demo-inline-action{margin-top:13px;padding:7px 10px;background:#e9f1f5;border:1px solid #d4e3e9;border-radius:5px;color:#4e7790;font-size:8px;font-weight:750;cursor:pointer}.demo-inline-action:hover{background:#dcecf3}
.demo-runtime-map{position:relative;height:210px;border:1px solid #dfe9ed;border-radius:9px;background-color:#fbfdfd;background-image:radial-gradient(#dce7eb .8px,transparent .8px);background-size:13px 13px;overflow:hidden}.demo-runtime-map svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#9eb8c5;stroke-width:2}
.demo-map-node{position:absolute;width:24%;height:76px;background:#fff;border:1px solid #d5e3e9;border-radius:7px;box-shadow:0 4px 12px #385f7516;padding:9px 10px}.demo-map-node>span{display:inline-grid;place-items:center;width:20px;height:20px;background:#eaf2f5;color:#638ba2;border-radius:4px;font-size:12px}.demo-map-node b,.demo-map-node small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-map-node b{font-size:10px;margin-top:5px}.demo-map-node small{font-size:8px;color:#87a598;margin-top:3px}.demo-node-web{left:5%;top:29px}.demo-node-api{left:38%;top:29px}.demo-node-db{right:5%;top:29px}.demo-node-worker{left:39%;bottom:18px}.demo-node-worker small{color:#a4adb6}.demo-node-worker.running small{color:#6b9a83}
.demo-runtime-bottom{display:flex;align-items:center;gap:10px;margin-top:9px}.demo-runtime-bottom>span{flex:1;background:#203642;color:#c3d8df;padding:10px;border-radius:6px;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-runtime-bottom button,.demo-test-summary button{border:0;border-radius:6px;background:#4f7890;color:#fff;padding:10px 12px;font-size:9px;font-weight:750;white-space:nowrap;cursor:pointer}.demo-runtime-bottom button:hover,.demo-test-summary button:hover{background:#3b647d}
.demo-verify-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px}.demo-verify-layout .demo-card{min-height:265px}.demo-test-summary>b{display:block;color:#35586c;font-size:32px;letter-spacing:-.06em;margin-top:14px}.demo-test-summary>b small{font-size:11px;letter-spacing:0;color:#91a7b1;font-weight:500}.demo-test-bar{height:7px;background:#e6eef0;border-radius:6px;overflow:hidden;margin:16px 0 9px}.demo-test-bar span{display:block;height:100%;background:#82ad99}.demo-test-summary p{font-size:9px;color:#a18075}.demo-test-summary button{margin-top:17px}.demo-test-detail>div{display:flex;align-items:center;gap:8px;height:46px;border-top:1px solid #e8eef0}.demo-test-detail>div span{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#e6f2ec;color:#649b7c;font-size:10px;font-weight:800}.demo-test-detail>div:nth-of-type(3) span{background:#f6ece7;color:#c28772}.demo-test-detail>div b{font-size:9px;color:#456374}.demo-test-detail>div small{margin-left:auto;color:#98abb4;font-size:8px}.demo-test-detail p{font:8px ui-monospace,SFMono-Regular,Consolas,monospace;color:#96a9b2;border-top:1px solid #e8eef0;padding-top:10px}
.demo-agent{display:flex;flex-direction:column;min-width:0;border-left:1px solid #dce7ea;background:#ecf2f4;padding:17px 13px}.demo-agent-head{font-size:10px;font-weight:760;color:#38586a;padding-bottom:12px;border-bottom:1px solid #d9e4e8}.demo-agent-head span{display:inline-grid;place-items:center;width:22px;height:22px;background:#d6e6eb;border-radius:6px;color:#5c8799;margin-right:6px}.demo-agent-message{margin-top:26px;padding:12px;background:#fff;border:1px solid #dce7eb;border-radius:10px 10px 10px 3px}.demo-agent-message small{font-size:7px;letter-spacing:.12em;font-weight:800;color:#91a7b2}.demo-agent-message p{font-size:10px;color:#5e7989;line-height:1.55;margin:8px 0 0}.demo-agent-input{margin-top:auto;display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #d8e4e9;border-radius:8px;padding:10px;color:#9aadb8;font-size:9px}.demo-agent-input span{color:#567f98;font-size:13px}.demo-agent-foot{color:#a0b1b9;font-size:7px;margin-top:9px}
.demo-footer{min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#243d4c;padding:7px 12px}.demo-stages{display:flex;gap:4px}.demo-stages button,.demo-footer>button{border:1px solid transparent;border-radius:6px;background:transparent;color:#acc3ce;padding:7px 12px;font-size:9px;font-weight:720;cursor:pointer}.demo-stages button span{opacity:.58;margin-right:5px}.demo-stages button:hover,.demo-footer>button:hover{background:#355465;color:#fff}.demo-stages button[aria-selected="true"]{background:#e8bda3;color:#2c4554}.demo-footer>button{border-color:#456272;color:#d5e4e8;white-space:nowrap}.demo-footer>button span{margin-left:6px}
.hero-disclaimer{text-align:center;color:#edf4f1;font-size:10px;letter-spacing:.02em;margin:18px 20px 0}
.hero-experience+.product-section{padding-top:100px}
.product-section{background:linear-gradient(180deg,#f8f4ee 0,#f7f8f8 55%);width:100%;max-width:none;padding-inline:max(19px,calc((100vw - 1180px)/2))}
.product-section+.features-section{border-top:1px solid #dce3e7}
.features-section{background:linear-gradient(180deg,#eef5f6 0,#f7f8f8 46%);width:100%;max-width:none;padding-inline:max(19px,calc((100vw - 1180px)/2))}
@media(max-width:1020px){.demo-shell{grid-template-columns:150px minmax(0,1fr)}.demo-agent{display:none}.live-demo{width:calc(100% - 55px)}}
@media(max-width:700px){.hero-experience{width:calc(100% - 16px);margin:8px 8px 0;border-radius:19px}.hero-experience .hero-copy{padding:65px 19px 35px}.hero-experience h1{font-size:clamp(43px,8vw,59px)}.hero-experience .hero-lead{font-size:14px}.hero-experience .hero-actions .button{width:auto}.live-demo{width:calc(100% - 25px)}.demo-shell{grid-template-columns:1fr}.demo-sidebar{display:none}.demo-scene{padding:16px;min-height:380px}.demo-direction-grid{grid-template-rows:150px 135px}.demo-vision h3{font-size:13px}.demo-vision p{font-size:8px}.demo-north b{font-size:20px}.demo-roadmap b{font-size:7px}.demo-roadmap small{font-size:6px}.demo-stages button{padding:7px 5px;font-size:8px}.demo-footer{flex-wrap:wrap}.demo-footer>button{margin-left:auto}.product-section,.features-section{padding-inline:19px}.hero-experience+.product-section{padding-top:78px}}
@media(max-width:430px){.hero-experience h1{font-size:43px}.hero-experience .hero-actions .button{width:100%}.demo-project-name{font-size:9px}.demo-live-label{font-size:6px}.demo-topbar{padding:0 9px;gap:7px}.demo-direction-grid{grid-template-columns:1.15fr .85fr}.demo-card{padding:9px}.demo-card-label{font-size:6px}.demo-vision h3{font-size:12px}.demo-north p{font-size:7px}.demo-backlog b{font-size:14px}.demo-backlog>span:last-child{font-size:6px}.demo-spec-layout,.demo-verify-layout{grid-template-columns:1fr}.demo-spec-layout .demo-card,.demo-verify-layout .demo-card{min-height:0}.demo-spec-tree>div{height:28px}.demo-spec-detail h3{font-size:13px;margin-bottom:5px}.demo-spec-detail p{padding:4px;margin:4px 0}.demo-spec-progress{margin-top:8px}.demo-test-summary>b{margin-top:4px}.demo-test-summary button{margin-top:3px}.demo-test-detail>div{height:27px}.demo-runtime-map{height:200px}.demo-map-node{height:72px;padding:6px}.demo-map-node b{font-size:8px}.demo-map-node small{font-size:6px}.demo-runtime-bottom button{font-size:8px;padding:10px 7px}.demo-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;width:100%}.demo-stages button{font-size:9px;padding:8px 2px}.demo-stages button span{display:none}}
@media(prefers-reduced-motion:reduce){.hero-weather *{animation:none!important}}