:root{--ink:#13202a;--muted:#62707b;--line:#dce2e6;--paper:#f6f8f9;--surface:#fff;--brand:#153b52;--brand-2:#1f607e;--accent:#d8a949;--soft:#eaf1f4;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--surface);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%}.container{width:min(var(--max), calc(100% - 40px));margin:0 auto}.site-header{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#fffffff0;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:28px;min-height:74px;display:flex}.brand{letter-spacing:.08em;align-items:center;gap:11px;font-size:19px;font-weight:800;display:flex}.brand-mark{background:var(--brand);color:#fff;letter-spacing:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.nav-links{color:#34434d;align-items:center;gap:22px;font-size:14px;font-weight:600;display:flex}.nav-links a:hover{color:var(--brand-2)}.button{border:1px solid var(--brand);background:var(--brand);color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:700;display:inline-flex}.button:hover{background:var(--brand-2);border-color:var(--brand-2)}.button.secondary{color:var(--brand);background:0 0}.button.secondary:hover{background:var(--soft)}.hero{background:linear-gradient(#fff 0%,#f7fafb 100%);padding:92px 0 82px;overflow:hidden}.hero-grid{grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;display:grid}.eyebrow{color:var(--brand-2);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800}h1,h2,h3{letter-spacing:-.035em;margin-top:0;line-height:1.12}h1{margin:14px 0 22px;font-size:clamp(46px,6vw,76px)}h2{margin-bottom:18px;font-size:clamp(32px,4vw,48px)}h3{margin-bottom:10px;font-size:22px}.lede{color:var(--muted);max-width:720px;font-size:19px}.hero-actions{flex-wrap:wrap;gap:12px;margin:30px 0 24px;display:flex}.proof-line{color:#586670;font-size:14px;font-weight:600}.hero-visual{min-height:470px;position:relative}.screen{background:#fff;border:1px solid #cdd7dc;border-radius:15px;position:absolute;overflow:hidden;box-shadow:0 24px 70px #18344426}.screen:before{content:"";background:#edf2f4;border-bottom:1px solid #dde5e8;height:28px;display:block}.screen.one{width:82%;top:10px;right:0;transform:rotate(2deg)}.screen.two{width:72%;top:135px;left:0;transform:rotate(-3deg)}.screen.three{width:62%;bottom:5px;right:15px;transform:rotate(1deg)}.placeholder-ui{background:linear-gradient(135deg,#f9fbfc,#eef4f6);min-height:190px;padding:24px}.ui-row{background:#d7e2e7;border-radius:999px;height:10px;margin:10px 0}.ui-row.short{width:58%}.ui-cards{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;display:grid}.ui-card{background:#fff;border:1px solid #dbe4e8;border-radius:8px;height:62px}.section{padding:86px 0}.section.soft{background:var(--paper)}.section.dark{background:var(--brand);color:#fff}.section.dark .muted{color:#c8d4da}.section-intro{max-width:760px;margin-bottom:38px}.muted{color:var(--muted)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:26px}.card p:last-child{margin-bottom:0}.cap-card{min-height:220px}.cap-number{color:var(--accent);letter-spacing:.12em;font-size:13px;font-weight:800}.project-card{flex-direction:column;min-height:330px;display:flex}.project-card .project-meta{margin-top:auto;padding-top:18px}.tags{flex-wrap:wrap;gap:7px;margin:16px 0;display:flex}.tag{background:var(--soft);color:var(--brand);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.status{color:var(--muted);font-size:12px;font-weight:700}.text-link{color:var(--brand-2);font-weight:800}.workflow{grid-template-columns:repeat(5,1fr);align-items:center;gap:12px;margin:34px 0;display:grid}.workflow-step{color:var(--ink);text-align:center;background:#fff;border-radius:10px;place-items:center;min-height:90px;padding:12px;font-weight:800;display:grid}.arrow{text-align:center;color:#aac0ca;font-size:24px}.process{counter-reset:steps;grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.process-card{padding-top:54px;position:relative}.process-card:before{counter-increment:steps;content:"0" counter(steps);color:var(--brand-2);letter-spacing:.12em;font-size:13px;font-weight:900;position:absolute;top:20px;left:24px}.page-hero{background:var(--paper);border-bottom:1px solid var(--line);padding:76px 0 50px}.page-hero h1{max-width:900px;font-size:clamp(42px,5vw,66px)}.content{max-width:850px}.content h2{margin-top:48px}.content ul{padding-left:20px}.case-grid{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:56px;display:grid}.case-aside{position:sticky;top:100px}.case-aside .card{padding:20px}.list-clean{margin:0;padding:0;list-style:none}.list-clean li{border-bottom:1px solid var(--line);padding:7px 0}.screenshot-placeholder{text-align:center;min-height:220px;color:var(--muted);background:#f7fafb;border:1px dashed #aab8bf;border-radius:12px;place-items:center;padding:30px;display:grid}.filters{flex-wrap:wrap;gap:8px;margin-bottom:30px;display:flex}.filter{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.filter.active{background:var(--brand);color:#fff;border-color:var(--brand)}.form{gap:18px;max-width:760px;display:grid}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}label{gap:7px;font-size:14px;font-weight:700;display:grid}input,textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #cbd5da;border-radius:8px;padding:12px 13px}textarea{resize:vertical;min-height:130px}.notice{color:#245a38;background:#eaf7ef;border:1px solid #b9ddc5;border-radius:9px;margin-bottom:22px;padding:14px 16px}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding:38px 0;font-size:13px}.footer-grid{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.footer-links{flex-wrap:wrap;gap:18px;display:flex}@media (max-width:900px){.hero-grid,.case-grid{grid-template-columns:1fr}.hero-visual{min-height:390px}.grid-3,.process{grid-template-columns:repeat(2,1fr)}.workflow{grid-template-columns:1fr}.arrow{transform:rotate(90deg)}.case-aside{position:static}.nav{align-items:flex-start;padding:18px 0}.nav-links{flex-wrap:wrap;justify-content:flex-end}}@media (max-width:640px){.container{width:min(100% - 26px,var(--max))}.nav{display:block}.brand{margin-bottom:14px}.nav-links{justify-content:flex-start;gap:13px 16px}.nav-links .button{width:100%;margin-top:4px}.hero{padding-top:62px}.hero-visual{min-height:320px}.screen.one{width:88%}.screen.two{width:78%;top:100px}.screen.three{width:70%}.grid-2,.grid-3,.process,.form-row{grid-template-columns:1fr}.section{padding:62px 0}}
.hero-visual .placeholder-ui{background-position:top;background-repeat:no-repeat;background-size:cover;min-height:190px;padding:0}.hero-visual .placeholder-ui>*{display:none}.hero-visual .screen.one .placeholder-ui{background-image:url(/images/robertos-priorities-v2.webp)}.hero-visual .screen.two .placeholder-ui{background-image:url(/images/saffhire-monitoring-dashboard.jpg)}.hero-visual .screen.three .placeholder-ui{background-image:url(/images/saffhire-pnl-dashboard-v3.webp)}.project-card img[src="/images/robertos-static.jpg"]{content:url(/images/robertos-priorities-v2.webp)}