*{box-sizing:border-box}body{margin:0;background:#f3f2ed;color:#233b32;font:15px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}header,main,footer{max-width:1200px;margin:auto;padding:32px}.wordmark{font-size:29px;font-weight:750;text-decoration:none;letter-spacing:-1.4px}.wordmark span{display:block;font-size:10px;letter-spacing:2.8px;font-weight:500}.eyebrow{font-size:11px;letter-spacing:2px;color:#6c7c73;margin-top:55px}h1{font-size:clamp(35px,5vw,64px);font-weight:500;letter-spacing:-2.3px;line-height:1.1;margin:12px 0 22px}.intro{max-width:620px;color:#68776f;font-size:18px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:48px}.card{display:block;overflow:hidden;background:white;border:1px solid #dce2da;border-radius:14px;text-decoration:none;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 35px #153d3210}.card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid #e3e7df}.card div{padding:22px 26px}.card h2{font-size:23px;margin:0}.card p{color:#64746a;margin:7px 0 16px}.card small{color:#698276;letter-spacing:1px;text-transform:uppercase;font-size:10px}.login{max-width:460px;margin:6vh auto}.login h1{font-size:43px}.login label{display:block;margin:20px 0 12px;font-size:12px;font-weight:600}.login input{display:block;margin-top:7px;background:white;border:1px solid #cbd5cd;border-radius:7px;padding:13px;font:16px inherit;width:100%}.login button{width:100%;padding:13px;border:0;border-radius:7px;background:#224e3e;color:white;font:inherit;cursor:pointer}.login [role=alert]{color:#9b3838}footer{font-size:12px;color:#768378;border-top:1px solid #dce2da;margin-top:60px}@media(max-width:650px){.cards{grid-template-columns:1fr}header,main,footer{padding:23px}}@media(prefers-color-scheme:dark){body{background:#18251f;color:#e3e9e3}.card,.login input{background:#21352b;color:#e3e9e3;border-color:#3f5147}.card p,.intro{color:#a1b4a7}.card img{border-color:#3f5147}}

/* ProFlow public launch palette: proflow-public-web/app/page.tsx, 2026-10-28.
   Keep app previews distinct; align the surrounding portal and sign-in shell. */
:root{color-scheme:light;--studio-ink:#171717;--studio-muted:#525252;--studio-accent:#134955;--studio-line:#13495524;--studio-surface:#ffffffcc}
body{min-height:100vh;color:var(--studio-ink);background:linear-gradient(180deg,#fffaf3 0%,#f7fbfb 48%,#eef5f6 100%);background-attachment:scroll;isolation:isolate}
body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 28rem 24rem at 50% 0%,#13495526,transparent 75%),radial-gradient(ellipse 23rem 25rem at 0% 90%,#d9b48a33,transparent 75%),radial-gradient(ellipse 25rem 25rem at 100% 100%,#2f7e8926,transparent 75%)}
.wordmark,.eyebrow{color:var(--studio-accent)}.intro,.card p,footer{color:var(--studio-muted)}.card,.login input{background:var(--studio-surface);border-color:var(--studio-line);color:var(--studio-ink)}.card{backdrop-filter:blur(8px)}.card:hover{box-shadow:0 12px 35px #13495512;border-color:#13495555}.card img{border-color:var(--studio-line)}.card small{color:var(--studio-accent)}footer{border-color:var(--studio-line)}.login button{background:#134955;color:#fff;border-radius:999px}.login button:hover{background:#0f3b44}.login input:focus{outline:2px solid #2f7e89;outline-offset:2px}a:focus-visible,button:focus-visible{outline:3px solid #2f7e89;outline-offset:4px}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--studio-ink:#fff;--studio-muted:#d4d4d4;--studio-accent:#b9d8de;--studio-line:#ffffff24;--studio-surface:#ffffff0d}body{background:linear-gradient(180deg,#041316 0%,#081b1f 55%,#0e2429 100%);background-attachment:scroll;color:var(--studio-ink)}body:before{background:radial-gradient(ellipse 28rem 24rem at 50% 0%,#6ab4c526,transparent 75%),radial-gradient(ellipse 23rem 25rem at 0% 90%,#d9b48a1a,transparent 75%),radial-gradient(ellipse 25rem 25rem at 100% 100%,#2f7e8933,transparent 75%)}.card,.login input{background:var(--studio-surface);border-color:var(--studio-line);color:var(--studio-ink)}.card p,.intro{color:var(--studio-muted)}.card:hover{border-color:#b9d8de88}.card img{border-color:var(--studio-line)}.login [role=alert]{color:#f4aaa3}}
@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}

.wordmark{display:inline-flex;flex-direction:column;align-items:center;gap:4px}.pfs-logo{display:block;width:80px;height:80px;object-fit:contain;filter:invert(1)}@media(prefers-color-scheme:dark){.pfs-logo{filter:none}}