*{box-sizing:border-box}html{background:#f5f7f3}body{margin:0;min-height:100svh;display:flex;flex-direction:column;color:#253c31;font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit} .page-glow{position:absolute;pointer-events:none;top:0;right:0;width:65vw;height:600px;z-index:-1;background:radial-gradient(ellipse at 85% 5%,#dfebd9a8,transparent 65%)}header,footer,main{width:min(1280px,100%);margin:0 auto}header{height:112px;display:flex;align-items:center;justify-content:space-between;padding:22px 42px;border-bottom:1px solid #dce4d8}.brand{display:block}.brand img{width:171px;height:auto;display:block}.header-right{display:flex;align-items:center;gap:17px;font-size:12px;color:#68786d}.header-rule{height:22px;width:1px;background:#d3ddd0}.avatar{height:31px;width:31px;border-radius:50%;display:grid;place-items:center;background:#dfeadb;color:#406747;font-size:13px;font-weight:650}#logout{background:transparent;border:0;color:#54685b;padding:8px 0;cursor:pointer}#logout:hover{color:#215f37}main{padding:0 42px 55px;flex:1}.hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:53px 0 45px}.hero-copy{max-width:850px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.17em;text-transform:uppercase;color:#6e856b;margin:0 0 20px}h1{font-weight:500;font-size:clamp(35px,4.3vw,58px);line-height:1.13;letter-spacing:-.047em;margin:0 0 22px;color:#243e2e}.motivation{font-size:15px;color:#657362;line-height:1.7;margin:0;max-width:650px;padding-left:18px;position:relative}.motivation:before{content:'✦';position:absolute;left:0;top:0;color:#8caa72;font-size:11px}.hero-art{width:210px;min-width:180px;height:170px;position:relative}.hero-art svg{width:100%;height:100%;position:relative;z-index:1}.orbit{position:absolute;border:1px solid #dce6d4;border-radius:50%;height:152px;width:152px;left:25px;top:10px;transform:rotate(-25deg)}.orbit-two{height:118px;width:210px;left:0;top:35px;transform:rotate(-35deg)}.art-dot{width:7px;height:7px;background:#91ae83;border-radius:50%;position:absolute;left:12px;bottom:42px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin:0 0 24px}.section-heading h2{font-size:23px;letter-spacing:-.025em;font-weight:500;margin:0}.section-heading p{margin:0;font-size:12px;color:#8a9589}.apps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.card{--accent:#4d825f;--tint:#eaf2e6;--border:#d6e3d0;grid-column:span 2;min-width:0;position:relative;display:flex;flex-direction:column;overflow:hidden;padding:26px 27px 23px;background:#ffffffd9;border:1px solid #dfe5da;border-radius:17px;text-decoration:none;box-shadow:0 2px 4px #2b452003;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;animation:arrive .45s backwards;animation-delay:calc(var(--i)*55ms)}.card:nth-child(n+4){grid-column:span 3}.card:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;border-top:3px solid var(--accent);opacity:0;transition:opacity .22s}.card:hover,.card:focus-visible{transform:translateY(-5px);border-color:var(--border);box-shadow:0 16px 30px #31452b10;background:#fff}.card:hover:after,.card:focus-visible:after{opacity:1}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.icon{width:47px;height:47px;background:var(--tint);color:var(--accent);border-radius:13px;display:grid;place-items:center;transition:transform .22s}.icon svg{width:25px;height:25px}.arrow{display:grid;place-items:center;width:30px;height:30px;border:1px solid #e6ebe2;border-radius:50%;color:#a3afa0;font-size:20px;transition:color .22s,transform .22s,border-color .22s}.card:hover .icon{transform:rotate(-5deg)}.card:hover .arrow{color:var(--accent);transform:translate(2px,-2px);border-color:var(--border)}.app-name{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700;margin:0 0 10px}.card h3{font-size:22px;line-height:1.25;font-weight:550;letter-spacing:-.035em;margin:0 0 12px}.description{font-size:13px;line-height:1.65;color:#637160;margin:0;max-width:360px}.description{margin-bottom:22px}.open{margin-top:auto;padding-top:17px;border-top:1px solid #ecf0e9;font-size:12px;font-weight:600;color:#587350}.card-modular{--accent:#8f7950;--tint:#f4f0e5;--border:#e3d8bf}.card-crm{--accent:#597d97;--tint:#eaf1f6;--border:#cbdde8}.card-drive{--accent:#688970;--tint:#ebf3ed;--border:#cfe0d4}.card-support{--accent:#8c7aa1;--tint:#f2edf6;--border:#ded1e9}footer{border-top:1px solid #dce4d8;padding:23px 42px 28px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#97a18f}.footer-brand{font-weight:750;letter-spacing:.03em;color:#657b5b}.footer-brand span{font-weight:400;letter-spacing:0;color:#97a18f;margin-left:18px}.footer-domain{letter-spacing:.03em}#message{font-size:14px;color:#7c6945;margin:24px 0 0}#message:empty{display:none}.error-panel{padding:90px 0}.error-panel h1{font-size:38px}.retry{display:inline-block;margin-top:20px;padding:14px 24px;background:#2f7650;color:white;text-decoration:none;border-radius:9px}[hidden]{display:none!important}a:focus-visible,button:focus-visible{outline:3px solid #598a56;outline-offset:4px}@keyframes arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.hero-art{width:165px;min-width:150px}.section-heading{display:block}.section-heading p{margin-top:9px}.card{padding:23px}.card h3{font-size:20px}.hero{padding:42px 0 38px}.apps{gap:14px}}@media(max-width:740px){header{height:90px;padding:20px 24px}.brand img{width:144px}.header-right{gap:12px}.header-right>#workspace-label,.header-rule{display:none}main{padding:0 24px 36px}.hero{padding:36px 0 32px;gap:0}.hero-art{display:none}h1{font-size:39px}.eyebrow{font-size:10px;margin-bottom:17px}.motivation{font-size:14px}.section-heading h2{font-size:22px}.apps{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.card:nth-child(n+4){grid-column:span 1}.card:last-child{grid-column:span 2}.card h3{font-size:21px}footer{padding:22px 24px}.footer-brand span{display:none}}@media(max-width:480px){.apps{display:flex;flex-direction:column;gap:13px}.card{padding:22px}.card-top{margin-bottom:16px}.icon{width:42px;height:42px}.description{margin-bottom:17px}.open{margin-top:auto;padding-top:14px}.card h3{font-size:22px}.description{font-size:14px}.hero{padding-top:32px}h1{font-size:36px}.avatar{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.card:hover,.card:focus-visible{transform:none}.card:hover .icon,.card:hover .arrow{transform:none}}