@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#211d27;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f6f4f0;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}main{overflow:hidden}.topbar,.hero,.preview-section,footer{width:min(1180px,100% - 64px);margin-inline:auto}.topbar{border-bottom:1px solid #dedbd5;justify-content:space-between;align-items:center;padding:28px 0;display:flex}.brand img{width:106px;display:block}.nav-note,.nav-link,.eyebrow,.mockup-label,.window-kicker,.deadline-status,.detail-stats dt,footer span{letter-spacing:.08em;text-transform:uppercase;font:11px DM Mono,monospace}.nav-note{color:#87817d;text-transform:none;letter-spacing:0;margin-left:auto;margin-right:36px;font-family:DM Sans,sans-serif;font-size:13px}.nav-link{color:#5e4ed5;font-size:10px}.hero{grid-template-columns:1fr 1fr;align-items:center;min-height:610px;display:grid;position:relative}.hero-copy{z-index:1;padding:86px 0 100px;position:relative}.eyebrow{color:#5e4ed5;margin:0 0 20px}h1,h2,h3{letter-spacing:-.065em;margin:0;font-family:Space Grotesk,sans-serif;font-weight:600}h1{font-size:clamp(64px,9vw,122px);line-height:.88}h1 em,h2 em{color:#5e4ed5;font-style:normal}.abstract{color:#6e696a;max-width:390px;margin:32px 0;font-size:17px;line-height:1.55}.primary-button{color:#fff;background:#5e4ed5;border-radius:100px;align-items:center;gap:30px;padding:15px 19px 15px 22px;font-size:13px;display:inline-flex}.hero-orbit{justify-self:end;width:min(40vw,470px);height:min(40vw,470px);position:relative}.orbit{border:1px solid #d5d0cb;border-radius:50%;position:absolute;inset:0;transform:rotate(-28deg)scaleY(.4)}.orbit-two{border-color:#cbc4e9;inset:13%;transform:rotate(35deg)scaleY(.4)}.orbit-dot{background:#f07f53;border-radius:50%;width:13px;height:13px;position:absolute;top:31%;left:13%;box-shadow:0 0 0 7px #f5d9cf}.dot-two{background:#5e4ed5;top:58%;left:83%;box-shadow:0 0 0 7px #dcd8f5}.hero-icon{background:#5e4ed5;border-radius:50%;place-items:center;display:grid;position:absolute;inset:34%;transform:rotate(12deg);box-shadow:22px 24px #e7e2dd}.hero-icon img{object-fit:contain;filter:brightness(0)invert();width:57%;height:57%}.preview-section{padding:90px 0 120px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:46px;display:flex}h2{font-size:clamp(42px,6vw,75px);line-height:.92}.mockups{grid-template-columns:1.1fr 1fr 1fr;align-items:start;gap:20px;display:grid}.mockup:nth-child(2){margin-top:80px}.mockup:nth-child(3){margin-top:32px}.mockup-label{color:#88817d;margin-bottom:14px}.mockup-label span{color:#5e4ed5;margin-right:8px}.mockup-window{background:#fff;border-radius:14px;min-height:400px;overflow:hidden;box-shadow:0 20px 60px #2c253b12}.window-header{border-bottom:1px solid #ece9e5;justify-content:space-between;align-items:center;height:55px;padding:0 20px;display:flex}.window-logo{letter-spacing:-.08em;font:700 16px Space Grotesk,sans-serif}.window-back{color:#8d8886;font-size:11px}.window-avatar{color:#fff;background:#211d27;border-radius:50%;place-items:center;width:25px;height:25px;font:9px DM Mono;display:grid}.window-content{padding:28px 24px}.window-kicker{color:#9b9491;margin:0 0 11px;font-size:9px}.window-content h3{letter-spacing:-.06em;margin-bottom:24px;font-size:26px;line-height:1.02}.deadline-list{gap:9px;display:grid}.deadline-row{border:1px solid #ece9e5;border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.deadline-row strong,.deadline-row small{font-size:10px;display:block}.deadline-row small{color:#a19a96;margin-top:4px;font-size:9px}.deadline-mark{border-radius:50%;align-self:start;width:8px;height:8px;margin-top:3px}.violet{background:#7566dc}.blue{background:#68a4bf}.orange{background:#ed8c61}.deadline-status{color:#9b9491;margin-left:auto;font-size:7px}.create-content h3{margin-bottom:20px}.fake-field{border-bottom:1px solid #dcd8d3;margin-bottom:13px;padding:9px 0}.fake-field small{color:#9b9491;margin-bottom:5px;font-size:9px;display:block}.fake-field strong{font-size:11px;font-weight:500}.fake-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.fake-submit{color:#fff;text-align:left;background:#211d27;border:0;border-radius:5px;justify-content:space-between;width:100%;margin-top:20px;padding:12px;font-size:10px;display:flex}.detail-content h3{font-size:31px}.progress-label{justify-content:space-between;margin-bottom:7px;font-size:10px;display:flex}.progress-label strong{color:#5e4ed5}.progress-track{background:#e9e6f8;border-radius:10px;height:7px;margin-bottom:25px}.progress-track span{border-radius:inherit;background:#5e4ed5;width:64%;height:100%;display:block}.detail-stats{grid-template-columns:1fr 1fr;gap:18px 8px;margin:0;display:grid}.detail-stats div:last-child{border-top:1px solid #ece9e5;grid-column:1/-1;padding-top:16px}.detail-stats dt{color:#9b9491;margin-bottom:5px;font-size:8px}.detail-stats dd{margin:0;font-size:11px}footer{color:#8d8886;border-top:1px solid #dedbd5;align-items:center;gap:9px;padding:23px 0 28px;font-size:12px;display:flex}footer img{object-fit:contain;width:18px;height:18px}footer p{margin:0}footer span{margin-left:auto;font-size:9px}@media (width<=760px){.topbar,.hero,.preview-section,footer{width:calc(100% - 36px)}.nav-note{display:none}.hero{min-height:auto;display:block}.hero-copy{padding:75px 0 25px}.hero-orbit{width:76vw;max-width:390px;height:76vw;margin:25px auto 55px}.section-heading{display:block}.section-heading h2{margin-top:14px}.mockups{grid-template-columns:1fr;gap:38px}.mockup:nth-child(2),.mockup:nth-child(3){margin-top:0}.preview-section{padding:55px 0 75px}.mockup-window{min-height:0}}