:root{--bg:#0b1220;--panel:#111e30;--line:#233247;--ink:#f3f7ff;--muted:#9eafc7;--accent:#61d7c1;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:#61d7c1;color:#0b1220}.wrap{max-width:var(--max);margin:auto;width:calc(100% - 96px)}.accent{color:var(--accent)}.skip{position:absolute;top:0;left:16px;transform:translateY(-160%);background:var(--accent);color:var(--bg);padding:8px 15px;z-index:100}.skip:focus{transform:translateY(0)}.site-header{height:104px;max-width:var(--max);width:calc(100% - 96px);margin:auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:25px;font-weight:750;letter-spacing:-1px;line-height:1}.brand svg{width:35px;height:35px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round}.brand svg path+path{stroke:var(--ink)}.brand-number{font-size:14px;letter-spacing:0;margin-left:7px;font-weight:500;color:var(--muted)}nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:550;color:var(--muted)}nav a:hover{color:var(--ink)}.nav-contact{padding:10px 17px;border:1px solid #36485c;border-radius:6px;color:var(--ink)}.nav-contact span{margin-left:13px;color:var(--accent)}.hero{min-height:660px;display:grid;grid-template-columns:1fr 1.15fr;gap:32px;align-items:center;padding:86px 0 78px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:700;display:flex;align-items:center;gap:9px;color:var(--muted)}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 14px #61d7c133}.divider{padding:0 3px;color:#516076}h1,h2,h3,p{margin:0}h1{font-size:clamp(48px,5.3vw,74px);line-height:1.07;letter-spacing:-3.7px;font-weight:750;margin-top:25px}.lead{font-size:19px;line-height:1.6;margin-top:28px;color:#d5e1f2}.hero-description{max-width:430px;font-size:14px;color:var(--muted);margin-top:14px}.hero-actions{display:flex;gap:23px;align-items:center;margin-top:32px}.button{display:inline-flex;align-items:center;gap:21px;padding:13px 18px;font-size:12px;font-weight:700;border-radius:5px}.primary{background:var(--accent);color:#0b2025;border:1px solid var(--accent)}.primary:hover{background:#8ce6d5}.text-link{font-size:12px;color:#c8d4e5}.text-link span{margin-left:10px;color:var(--accent)}.hero-note{display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:1.4px;color:#7e91ab;margin-top:34px}.windows-icon{font-size:18px;color:var(--muted);line-height:1}.hero-visual{position:relative;isolation:isolate;padding:30px 0 45px}.orbit{position:absolute;inset:-65px -38px;border-radius:50%;border:1px solid #61d7c110;z-index:-1;background:radial-gradient(ellipse at center,#61d7c107 0,transparent 65%)}.orbit-two{inset:-20px -8px;border-color:#61d7c110;background:none}.workspace{background:#101a2b;border:1px solid #33475c;border-radius:10px;box-shadow:0 35px 90px #0005;transform:perspective(1400px) rotateY(-7deg) rotateX(2deg);overflow:hidden;position:relative}.window-bar{height:36px;display:flex;align-items:center;gap:18px;padding:0 14px;background:#182537;font-size:9px;color:var(--muted);border-bottom:1px solid #28394e}.window-dots{display:flex;gap:4px}.window-dots i{height:5px;width:5px;border-radius:50%;background:#4a5c73}.concept-label{margin-left:auto;font-size:7px;letter-spacing:1px}.workspace-body{display:grid;grid-template-columns:157px 1fr;min-height:355px}.mock-sidebar{padding:24px 10px;background:#0e1726;border-right:1px solid #233044;display:flex;flex-direction:column;gap:2px}.mock-brand{font-size:13px;font-weight:750;margin-left:7px;margin-bottom:18px}.mock-section{font-size:6px;letter-spacing:1px;color:#6e829d;margin:10px 7px 7px}.mock-item{font-size:7px;padding:7px 6px;border-left:2px solid transparent;white-space:nowrap;color:#b9c9da}.selected{background:#61d7c112;color:var(--accent);border-left-color:var(--accent);border-radius:0 4px 4px 0}.muted{color:#6e819a}.mock-item small{font-size:5px;margin-left:4px;color:#788caa}.mock-connection{margin-top:auto;font-size:6px;color:#8499b3;padding:18px 4px 0;display:flex;gap:5px;align-items:center}.mock-connection i,.mock-footer i{width:4px;height:4px;border-radius:50%;background:var(--accent)}.mock-content{padding:23px 22px}.mock-breadcrumb{font-size:6px;letter-spacing:1px;color:#7489a5}.mock-breadcrumb span{padding:0 5px;color:#485a71}.mock-content h2{font-size:18px;letter-spacing:-.6px;line-height:1.3;margin-top:10px}.mock-caption{font-size:7px;color:#90a4bf;margin-top:5px}.mock-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:650;margin:21px 0 8px}.mock-filter{font-size:6px;color:#a3b3c9;font-weight:400;border:1px solid #2b3e55;border-radius:3px;padding:5px 12px}.site-row{display:flex;align-items:center;gap:9px;padding:10px 8px;border-bottom:1px solid #25354a}.site-icon{height:23px;width:23px;display:grid;place-items:center;background:#24394a;color:var(--accent);border-radius:4px;font-size:17px}.site-row strong{display:block;font-size:8px;font-weight:550}.site-row small{display:block;font-size:6px;color:#8297b2;margin-top:1px}.star{margin-left:auto;color:var(--accent);font-size:11px}.empty{color:#75869d}.current{background:#61d7c10c;border-radius:4px}.mock-library{font-size:6px;color:#9bb2cd;margin-top:15px}.mock-library>div{display:flex;gap:5px;margin-top:8px}.mock-library>div span{font-size:6px;white-space:nowrap;flex:1;border:1px solid #293c54;border-radius:4px;padding:7px 4px;background:#18273b;color:#acbed5}.mock-footer{border-top:1px solid #26374b;padding:9px 12px;display:flex;justify-content:space-between;font-size:6px;color:#7e91ac}.mock-footer>span:first-child{display:flex;align-items:center;gap:5px}.floating-note{position:absolute;bottom:12px;left:31px;display:flex;gap:13px;align-items:center;background:#18283c;border:1px solid #354b5e;border-radius:7px;padding:16px 20px;box-shadow:0 16px 45px #0005;font-size:10px;color:var(--muted);line-height:1.7}.floating-note strong{color:var(--ink);font-weight:550}.note-icon{font-size:26px;color:var(--accent)}.principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:24px 0;color:#8ea0b9;font-size:9px;letter-spacing:1.6px;font-weight:650}.capabilities{padding:100px 0 104px;display:grid;grid-template-columns:.85fr 1.3fr;gap:100px}.section-intro h2,.workflow-copy h2,.roadmap h2{font-size:43px;line-height:1.15;letter-spacing:-1.8px;margin-top:20px;font-weight:680}.section-intro>p{font-size:14px;color:var(--muted);max-width:320px;margin-top:23px}.section-index{display:inline-block;margin-top:50px;letter-spacing:4px;font-size:10px;color:#526780}.capability{display:grid;grid-template-columns:33px 1fr 43px;gap:16px;border-bottom:1px solid var(--line);padding:27px 0 29px}.capability:first-child{padding-top:0}.capability:last-child{border-bottom:none;padding-bottom:0}.feature-number{font-family:monospace;color:#4f6680;font-size:11px;padding-top:2px}.feature-state{font-size:8px;letter-spacing:1.3px;font-weight:650;color:var(--accent)}.planned{color:#a5b1c2}.capability h3{font-size:21px;letter-spacing:-.5px;margin-top:8px;font-weight:650}.capability p{font-size:13px;color:var(--muted);line-height:1.8;margin-top:10px;max-width:440px}.capability .feature-detail{font-size:11px;color:#7f94af;margin-top:7px}.feature-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.feature-tags span{font-size:9px;color:#abbed5;border:1px solid #2a3c51;border-radius:4px;padding:3px 7px}.feature-icon{height:37px;width:37px;stroke:#73908e;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round;margin-top:17px}.workflow-section{background:#101b2b;border-top:1px solid #203046;border-bottom:1px solid #203046;padding:80px 0}.workflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.workflow-copy>p{font-size:14px;color:var(--muted);margin-top:24px;max-width:390px}.workflow-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:29px}.example-tab{background:transparent;border:1px solid #334358;color:#a8b9cf;border-radius:4px;padding:8px 11px;font-size:10px}.example-tab.active{background:#61d7c112;color:var(--accent);border-color:#61d7c170}.workflow-copy .demo-disclaimer{font-size:10px;color:#8294ad;margin-top:13px}.template-demo{background:#0c1625;border:1px solid #324456;border-radius:8px;padding:24px 26px 17px;box-shadow:0 22px 45px #0002}.demo-top{display:flex;justify-content:space-between;gap:12px;align-items:center;letter-spacing:1.3px;font-size:8px;color:#a8bbd1}.demo-pill{color:#8da5b5;font-size:6px;border:1px solid #334758;border-radius:10px;padding:4px 7px;letter-spacing:.7px}.demo-title{display:flex;gap:13px;align-items:center;margin-top:24px}.folder-large{font-size:38px;color:var(--accent);line-height:1}.demo-title h3{font-size:17px;font-weight:550;letter-spacing:-.3px}.demo-title p{font-size:10px;color:#8399b5;margin-top:3px}.folder-tree{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:2;color:#b2c3d9;min-height:184px;margin-top:22px}.tree-line{display:flex;align-items:center;gap:7px}.tree-line i{font-style:normal;color:#3d5865;white-space:pre}.tree-folder{color:var(--accent);font-size:15px}.demo-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #23364b;margin-top:16px;padding-top:16px;font-size:9px;color:#8195b0}.demo-bottom button{border:0;background:none;color:var(--accent);font-size:10px;padding:4px 0 4px 12px}.copy-status{display:block;font-size:10px;color:#a8bace;min-height:17px;margin-top:4px}.roadmap{padding:100px 0 95px}.roadmap-heading{display:flex;justify-content:space-between;gap:60px;align-items:end}.roadmap-heading>p{max-width:330px;font-size:14px;color:var(--muted)}.roadmap-track{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:53px;position:relative}.roadmap-track:before{content:"";height:1px;background:#2c4055;position:absolute;top:17px;left:0;right:0}.roadmap-track article{position:relative}.roadmap-step{display:grid;place-items:center;width:35px;height:35px;border:1px solid #344b62;border-radius:50%;background:var(--bg);color:#8fa3bf;font-size:10px;font-family:monospace;margin-bottom:24px}.current-step{border-color:#61d7c180;color:var(--accent);background:#123031}.roadmap-status{font-size:8px;letter-spacing:1.6px;color:var(--accent);font-weight:650}.muted-status{color:#788ea9}.roadmap h3{font-size:19px;margin:9px 0 12px;letter-spacing:-.4px;font-weight:600}.roadmap article p{font-size:12px;line-height:1.8;color:var(--muted);max-width:310px}.roadmap-footnote{font-size:10px;color:#7387a2;margin-top:34px}.contact{border:1px solid #2e4a53;border-radius:9px;padding:47px 52px;display:flex;justify-content:space-between;gap:30px;align-items:center;background:radial-gradient(ellipse at 90% 40%,#61d7c10d,transparent 65%),#111f2c}.contact h2{font-size:38px;letter-spacing:-1.5px;line-height:1.18;font-weight:650;margin-top:17px}.contact p{font-size:12px;color:var(--muted);margin-top:18px}.contact-email{display:flex;align-items:center;gap:22px;border-bottom:1px solid #61d7c170;padding-bottom:10px;color:var(--accent);font-size:15px;white-space:nowrap}.contact-email:hover{color:#a4eddf}.site-footer{padding:37px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:9px;color:#71849e}.footer-brand{font-size:20px;gap:0;color:#bdcce0}.footer-brand .brand-number{font-size:11px}.site-footer>span:last-of-type{max-width:260px;text-align:right}
@media(min-width:1600px){.hero{min-height:720px}}@media(max-width:1100px){.wrap,.site-header{width:calc(100% - 64px)}.hero{grid-template-columns:1fr 1fr;gap:24px}.hero-actions{flex-wrap:wrap;gap:16px}h1{font-size:58px}.workspace-body{grid-template-columns:124px 1fr}.mock-item{font-size:6px}.mock-content{padding:20px 13px}.mock-library>div{flex-wrap:wrap}.mock-library>div span{min-width:45px}.concept-label{font-size:6px}.capabilities{gap:60px}.workflow-grid{gap:60px}.contact{padding:36px}.contact-email{font-size:13px}}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding:60px 0 70px;gap:20px}.hero-copy{max-width:630px}.hero-description{max-width:500px}.hero-visual{max-width:630px;width:100%;margin:auto;padding:35px 15px 48px}.workspace-body{grid-template-columns:157px 1fr}.mock-item{font-size:7px}.mock-content{padding:23px}.mock-content h2{font-size:22px}.mock-caption{font-size:9px}.site-row strong{font-size:10px}.site-row small{font-size:8px}.mock-footer{font-size:8px}.floating-note{left:42px}.principles{gap:20px;display:grid;grid-template-columns:1fr 1fr;text-align:center}.capabilities{grid-template-columns:1fr;gap:45px;padding:70px 0}.section-intro{max-width:600px}.section-intro h2 br{display:none}.section-intro>p{max-width:480px}.section-index{display:none}.workflow-grid{grid-template-columns:1fr;gap:40px}.template-demo{max-width:540px;width:100%}.workflow-section{padding:65px 0}.workflow-copy>p{max-width:510px}.roadmap-heading{display:block}.roadmap-heading>p{margin-top:20px;max-width:500px}.roadmap-track{gap:25px}.contact{display:block}.contact-email{display:inline-flex;margin-top:32px}.site-footer{flex-wrap:wrap}.site-footer>span:last-of-type{text-align:left;max-width:none}}
@media(max-width:560px){.wrap,.site-header{width:calc(100% - 40px)}.site-header{height:84px}.brand{font-size:23px;gap:8px}.brand svg{width:29px;height:29px}.brand-number{font-size:12px}nav{gap:0}nav>a:not(.nav-contact){display:none}.nav-contact{font-size:11px;padding:9px 11px}.nav-contact span{margin-left:7px}.hero{padding-top:45px}.eyebrow{font-size:8px;letter-spacing:1.5px;gap:7px}h1{font-size:clamp(43px,11.4vw,60px);letter-spacing:-2.5px}.lead{font-size:17px;margin-top:24px}.hero-description{font-size:13px}.hero-actions{gap:19px;margin-top:26px}.button{font-size:11px;padding:13px 15px;gap:14px}.hero-note{font-size:7px;letter-spacing:1.1px;gap:8px}.hero-visual{padding:26px 0 45px}.orbit{inset:-20px 0}.orbit-two{display:none}.workspace{transform:none}.workspace-body{grid-template-columns:93px 1fr;min-height:326px}.mock-sidebar{padding:20px 4px}.mock-brand{font-size:9px;margin:0 4px 14px}.mock-section{font-size:5px;margin:9px 4px 5px}.mock-item{font-size:5px;padding:7px 2px}.mock-item small{display:none}.mock-connection{display:none}.mock-content{padding:18px 11px}.mock-content h2{font-size:15px}.mock-caption{font-size:6px}.mock-toolbar{font-size:8px;margin-top:16px}.mock-filter{font-size:5px;padding:4px 6px}.site-row{gap:6px;padding:8px 4px}.site-icon{width:20px;height:20px}.site-row strong{font-size:8px}.site-row small{font-size:6px}.mock-library{font-size:6px}.mock-library>div{display:block}.mock-library>div span{display:inline-block;margin:0 3px 4px 0;padding:4px}.window-bar{padding:0 9px;gap:8px;font-size:7px}.window-dots{gap:3px}.window-dots i{width:4px;height:4px}.concept-label{font-size:5px;letter-spacing:.5px}.mock-footer{font-size:6px;padding:8px}.mock-footer>span:last-child{display:none}.floating-note{padding:11px 15px;font-size:9px;bottom:14px;left:16px}.principles{font-size:7px;letter-spacing:1.2px;padding:20px 0;gap:17px 8px}.section-intro h2,.workflow-copy h2,.roadmap h2{font-size:35px;letter-spacing:-1.3px}.capability{grid-template-columns:23px 1fr;gap:10px}.feature-icon{display:none}.capability h3{font-size:20px}.capability p{font-size:12px}.feature-tags span{font-size:8px}.template-demo{padding:20px 19px 14px}.demo-top{font-size:7px}.demo-pill{font-size:5px;padding:4px 5px}.folder-tree{font-size:10px}.roadmap{padding:65px 0}.roadmap-track{grid-template-columns:1fr;gap:30px;margin-top:35px}.roadmap-track:before{height:auto;width:1px;left:17px;top:0;bottom:0}.roadmap-track article{padding-left:56px}.roadmap-step{position:absolute;left:0;top:0}.roadmap article p{max-width:100%}.contact{padding:28px 23px}.contact h2{font-size:30px}.contact-email{font-size:clamp(10px,3.3vw,14px);gap:12px}.site-footer{padding-top:28px;gap:17px}.site-footer>span:last-of-type{width:100%;font-size:8px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.site-footer .beta-link{font-size:11px;color:#a7b7cb;border:1px solid #304052;border-radius:6px;padding:7px 10px;text-decoration:none;white-space:nowrap}.site-footer .beta-link:hover{color:#61d7c1;border-color:#61d7c1}
