:root { --ink:#102a43; --muted:#627d98; --paper:#f5f7fa; --white:#fff; --line:#d9e2ec; --teal:#087f8c; --teal-dark:#05606a; --yellow:#f4b942; font-family:Inter,Arial,sans-serif; color:var(--ink); background:var(--paper); font-synthesis:none; }
*{box-sizing:border-box} body{margin:0;min-width:320px;background:var(--paper)} a{color:inherit} svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.topbar{min-height:72px;padding:12px clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none}.brand img{width:42px;height:42px;border-radius:50%;object-fit:cover}.brand span{display:grid;gap:1px}.brand strong{font-family:"Libre Franklin",Arial,sans-serif;font-size:17px}.brand small{color:var(--muted);font-size:11px}.site-link{color:var(--teal-dark);font-size:13px;font-weight:700}.intro{padding:clamp(50px,8vw,105px) clamp(18px,7vw,100px);color:#fff;background:#102a43;position:relative;overflow:hidden}.intro::after{content:"APP";position:absolute;right:4vw;bottom:-45px;color:rgba(244,185,66,.08);font:800 clamp(130px,23vw,320px)/1 "Libre Franklin"}.intro>*{position:relative;z-index:1}.eyebrow{margin:0 0 10px;color:var(--teal);font-size:11px;font-weight:800}.intro .eyebrow{color:var(--yellow)}h1,h2,h3{font-family:"Libre Franklin",Arial,sans-serif;letter-spacing:0}.intro h1{max-width:820px;margin:0 0 18px;font-size:clamp(42px,7vw,76px);line-height:1.01}.intro p:not(.eyebrow){max-width:700px;margin:0;color:#d9e2ec;font-size:18px;line-height:1.6}.apps{padding:clamp(44px,6vw,78px) clamp(18px,7vw,100px)}.section-head{margin-bottom:24px;display:flex;align-items:end;justify-content:space-between;gap:20px}.section-head h2{margin:0;font-size:clamp(28px,4vw,42px)}.section-head>span{color:var(--muted);font-size:12px}.app-list{display:grid;gap:14px}.app-card{min-height:205px;padding:0;border:1px solid var(--line);border-radius:8px;background:#fff;display:grid;grid-template-columns:190px 1fr;overflow:hidden;text-decoration:none;box-shadow:0 5px 18px rgba(16,42,67,.05);transition:transform .18s,box-shadow .18s}.app-card:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(16,42,67,.11)}.app-icon{display:grid;place-items:center;color:#fff;background:#1769aa}.app-icon.gantt-icon{background:var(--teal)}.app-icon svg{width:86px;height:86px}.app-copy{padding:28px 32px;display:grid;align-content:center}.card-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.card-top span{color:var(--teal);font-size:10px;font-weight:800}.card-top b{padding:5px 8px;border-radius:4px;color:#087a55;background:#e7f6ef;font-size:9px}.card-top b.development{color:#9a6a00;background:#fff6dd}.app-copy h3{margin:9px 0 8px;font-size:28px}.app-copy p{max-width:720px;margin:0;color:var(--muted);font-size:14px;line-height:1.6}.open{margin-top:20px;color:var(--teal-dark);display:flex;align-items:center;gap:5px;font-size:12px;font-weight:800}.open svg{width:16px;height:16px}footer{padding:32px clamp(18px,7vw,100px);display:flex;justify-content:space-between;gap:24px;color:#d9e2ec;background:#0b1f33}footer p{margin:5px 0 0;font-size:12px}footer span{align-self:center;color:#9fb3c8;font-size:11px}
@media(max-width:680px){.topbar{padding:10px 14px}.brand strong{font-size:14px}.brand small,.site-link{display:none}.intro{padding:54px 18px 62px}.intro h1{font-size:44px}.apps{padding:40px 14px}.section-head{align-items:start;flex-direction:column;gap:7px}.app-card{grid-template-columns:1fr}.app-icon{min-height:132px}.app-icon svg{width:68px;height:68px}.app-copy{padding:23px 20px}.card-top{align-items:start}.app-copy h3{font-size:25px}footer{flex-direction:column}}