:root{--ink:#17201d;--muted:#69726e;--line:#dce1dc;--cream:#f4f5ef;--lime:#d8ef68;--yellow:#f2d253}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Noto Sans SC',Manrope,sans-serif}a{color:inherit;text-decoration:none}.page-shell{max-width:1440px;margin:auto;padding:0 5.5vw}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--lime);font:800 15px Manrope}.nav-links{display:flex;gap:36px;font-size:13px;color:var(--muted)}.nav-links a:hover,.text-link:hover{color:#718e00}.header-download{font-size:13px;font-weight:700}.header-download span{margin-left:8px;color:#718e00}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.hero{min-height:690px;align-items:center;padding:76px 0 95px}.eyebrow{font:500 11px 'DM Mono',monospace;letter-spacing:.08em;color:#7c8781}.eyebrow span{display:inline-block;width:7px;height:7px;background:#91bd19;border-radius:50%;margin-right:8px}.hero h1{max-width:600px;font-size:clamp(48px,6vw,88px);line-height:1.08;letter-spacing:-.075em;margin:26px 0 25px;font-weight:900}.hero h1 em,h2 em{font-style:normal;color:#809f0d}.hero-text{max-width:410px;color:var(--muted);font-size:16px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 19px;font-size:13px;font-weight:700}.button-primary{background:var(--lime)}.button-dark{background:var(--ink);color:white}.button span{font-size:19px}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid #9aaba2;padding-bottom:7px}.text-link span{font-size:18px;margin-left:9px;color:#87a713}.hero-note{font-size:11px;color:#89918d;margin-top:31px}.status-dot{display:inline-block;width:6px;height:6px;background:#9ab82a;border-radius:50%;margin-right:8px}.hero-visual{position:relative;min-height:470px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #d2d8ce;border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:480px;height:280px}.orbit-two{width:420px;height:245px;transform:rotate(30deg);border-color:#e3c744}.dashboard-card{position:relative;width:min(510px,100%);background:#fff;box-shadow:15px 24px 55px #26352b18;transform:rotate(4deg);z-index:1}.window-bar{height:35px;border-bottom:1px solid #edf0eb;display:flex;align-items:center;padding:0 16px;gap:5px;color:#a4aca7;font:10px Manrope}.window-bar i{width:6px;height:6px;border-radius:50%;background:#e0e6df}.window-bar span{margin-left:12px}.dashboard-body{display:flex;min-height:300px}.dashboard-body aside{display:flex;flex-direction:column;gap:17px;width:115px;background:#f5f7f2;padding:23px 15px;font-size:10px;color:#909992}.dashboard-body aside strong{color:var(--ink);font-size:12px;margin-bottom:13px}.dashboard-body aside .active{color:var(--ink);font-weight:700;border-left:2px solid #94b71b;padding-left:8px;margin-left:-8px}.workspace-preview{flex:1;padding:24px 26px}.preview-heading{display:flex;justify-content:space-between;font-size:15px;font-weight:700}.preview-heading b{font-size:10px;background:var(--lime);padding:8px 10px}.metric-row{display:flex;gap:10px;margin:28px 0 15px}.metric-row div{background:#f6f8f4;padding:15px 18px;flex:1}.metric-row small,.metric-row strong{display:block}.metric-row small{font-size:9px;color:#8a958e}.metric-row strong{font:700 26px Manrope;margin-top:8px}.progress-card{padding:15px 0;border-top:1px solid #e6ebe5;border-bottom:1px solid #e6ebe5;font-size:10px}.progress-card b{float:right;color:#89a917}.progress-card div{height:5px;background:#edf1e9;margin-top:13px}.progress-card i{display:block;height:100%;width:78%;background:#a9c932}.people-card{display:flex;align-items:center;margin-top:24px}.avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:2px solid white;margin-right:-6px;color:white;font-size:9px}.a1{background:#8ba466}.a2{background:#b47f61}.a3{background:#687b94}.a4{background:#d9e97b;color:#607118}.people-card small{font-size:9px;color:#8a958e;margin-left:13px}.floating-tag{position:absolute;background:white;padding:12px 15px;box-shadow:0 10px 30px #26352b15;font-size:11px;font-weight:700;z-index:2}.floating-tag span{color:#91b61a;margin-left:14px}.tag-top{top:78px;right:0}.tag-bottom{bottom:59px;left:0}.logo-strip{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;color:#909993;font-size:11px}.logo-strip b{font:500 10px 'DM Mono';letter-spacing:.06em;color:#a6afa9}.product{padding:140px 0 73px}.product h2,.scenes h2,.about h2,.download-panel h2{font-size:clamp(35px,4vw,59px);line-height:1.2;letter-spacing:-.07em;margin:20px 0;font-weight:900}.product-text{align-self:end;max-width:365px;color:var(--muted);font-size:15px;line-height:1.9}.product-text .text-link{display:inline-block;margin-top:22px;color:var(--ink)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{min-height:355px;padding:29px;position:relative}.feature-dark{background:var(--ink);color:white}.feature-yellow{background:var(--yellow)}.feature-white{background:white}.feature-number{font:500 10px 'DM Mono';opacity:.55}.feature-icon{font:37px Manrope;margin-top:62px}.feature-card h3{font-size:24px;letter-spacing:-.05em;margin:20px 0 10px}.feature-card p{max-width:215px;font-size:13px;line-height:1.8;opacity:.7}.card-arrow{position:absolute;right:29px;bottom:27px;font-size:23px}.scenes{padding:145px 0}.scenes>div:first-child{align-self:start}.scene-list{border-top:1px solid var(--line)}.scene-list>div{display:grid;grid-template-columns:46px 1fr;column-gap:10px;padding:22px 0;border-bottom:1px solid var(--line)}.scene-list span{font:11px 'DM Mono';color:#8d9891}.scene-list strong{font-size:17px}.scene-list p{grid-column:2;margin:6px 0 0;color:var(--muted);font-size:13px}.download-panel{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;background:var(--lime);padding:85px 7%;margin:0 -7vw}.download-panel .eyebrow{color:#667514}.download-panel h2{margin-top:20px}.download-panel>div>p:last-child{font-size:14px;margin-top:26px}.download-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;background:#eff9b1;padding:22px}.windows-icon{display:grid;place-items:center;width:45px;height:45px;background:var(--ink);color:var(--lime);font-size:25px}.download-card strong,.download-card span{display:block}.download-card strong{font-size:14px}.download-card span{color:#758216;font-size:11px;margin-top:5px}.download-card .button{grid-column:1/-1;width:100%;margin-top:12px}.download-card small{grid-column:1/-1;color:#77821b;font-size:10px}.about{padding:140px 0 155px;align-items:end}.about>p{max-width:370px;justify-self:end;color:var(--muted);font-size:15px;line-height:2}.site-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:27px 0 35px;color:#89948d;font-size:11px}.site-footer .brand{color:var(--ink);font-size:13px}.site-footer .brand-mark{width:23px;height:23px;font-size:12px}
@media(max-width:800px){.page-shell{padding:0 6vw}.site-header{height:76px}.nav-links{display:none}.hero{display:block;padding:68px 0 80px}.hero h1{font-size:54px}.hero-visual{margin-top:75px;min-height:370px}.dashboard-card{transform:rotate(2deg);font-size:90%}.orbit-one{width:100%;height:230px}.orbit-two{width:90%;height:210px}.tag-top{right:-6px}.tag-bottom{left:-6px}.logo-strip{gap:18px;flex-wrap:wrap}.logo-strip span{width:100%}.logo-strip b{font-size:8px}.section-grid,.download-panel{grid-template-columns:1fr;gap:38px}.product,.scenes,.about{padding:90px 0}.product-text,.about>p{justify-self:start}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:280px}.feature-icon{margin-top:35px}.download-panel{margin:0 -6vw;padding:65px 9vw}.site-footer{gap:15px;flex-wrap:wrap}.site-footer>span:last-child{width:100%}}