:root{--ink:#11110f;--gold:#cab690;--gold-dark:#9b8458;--muted:#6f6d67;--paper:#fbfaf7;--line:#e8e3d9;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.55 var(--sans);background-image:radial-gradient(#cab69020 .65px,transparent .65px);background-size:5px 5px}a{color:inherit;text-decoration:none}
.announcement{height:31px;background:#10100f;color:#eee;display:flex;align-items:center;justify-content:center;gap:12px;font-size:9px;letter-spacing:.09em}.announcement b{color:var(--gold)}
.sitehead{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 clamp(16px,4vw,60px)}
.brand{display:flex;align-items:center;gap:11px}.brand img{width:46px;height:46px;object-fit:cover;border-radius:50%;mix-blend-mode:multiply}.brand strong{display:block;font-size:17px;line-height:1.1;letter-spacing:-.04em}.brand small{display:block;font-size:9px;color:#68665f;margin-top:5px}
.nav{display:flex;align-items:center;gap:clamp(12px,2vw,29px)}.nav a{font-size:11px;font-weight:650}.nav a:hover{color:var(--gold-dark)}.nav .cta{background:#111;color:#fff;padding:12px 16px;border-radius:8px}.nav .cta em{font-style:normal;color:var(--gold);margin-left:10px}
.wrap{max-width:1270px;margin:auto;padding:0 clamp(16px,4vw,55px) 60px}.breadcrumb{display:flex;align-items:center;gap:8px;margin:24px 0;color:#88847b;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.breadcrumb b{color:#7d6842}
.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold)}
h1,h2,h3,p{margin-top:0}.hero-title{font-size:clamp(43px,5.5vw,70px);line-height:.99;letter-spacing:-.075em;font-weight:750;margin:15px 0}.hero-title em{font-style:normal;color:var(--gold);display:block}.intro{font-size:14px;line-height:1.75;color:#4b4944;max-width:690px}
.pagehero{padding:28px 0 26px}.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
.role{min-height:195px;background:rgba(255,255,255,.96);border:1px solid #e5dfd3;border-radius:10px;padding:19px 20px 15px;display:flex;flex-direction:column;transition:transform .16s,border-color .16s,box-shadow .16s}.role:hover{transform:translateY(-2px);border-color:#cbbd9f;box-shadow:0 12px 28px #2e281509}.role-head{display:flex;justify-content:space-between;align-items:center}.role-num{font-size:10px;color:#95815c;font-weight:800;letter-spacing:.1em}.role-tag{font-size:8px;font-weight:800;letter-spacing:.08em;color:#766747;background:#f7f4ec;border:1px solid #eee8dc;border-radius:99px;padding:6px 8px}.role h2{font-size:24px;letter-spacing:-.05em;margin:14px 0 6px}.role p{font-size:11px;line-height:1.6;color:#68665e;margin:0 0 16px;max-width:550px}.role-foot{margin-top:auto;padding-top:12px;border-top:1px solid #efede8;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:9px;color:#77736a}.role-foot strong{color:#181815;font-size:9px}
.help{margin-top:18px;padding:14px 17px;background:#fff;border:1px solid var(--line);border-left:3px solid var(--gold);font-size:10px;color:#67635a;line-height:1.7}.help strong{color:#222}
.workflow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:21px 0 0;font-size:9px;color:#8b867c;font-weight:700;letter-spacing:.06em}.workflow span{border:1px solid #e8e2d8;border-radius:99px;padding:6px 9px;background:#fff}.workflow .active{color:#1b1a17;border-color:#cdbb98;background:#f8f4ea}.workflow i{font-style:normal;color:#aa9b7e}
.signin-layout{display:grid;grid-template-columns:1fr minmax(360px,.82fr);gap:clamp(26px,6vw,80px);align-items:center;padding:44px 0}.signin-aside{padding-right:16px}.signin-aside h1{font-size:clamp(42px,5vw,64px);line-height:1;letter-spacing:-.075em;margin:17px 0 14px}.signin-aside h1 em{display:block;color:var(--gold);font-style:normal}.signin-aside p{max-width:510px;color:#5e5b54;font-size:13px;line-height:1.75}.daiv-card{display:flex;gap:14px;align-items:center;margin-top:25px;padding:13px;background:#fff;border:1px solid var(--line);border-radius:9px;max-width:430px}.daiv-card img{width:68px;height:68px;object-fit:contain}.daiv-card b{display:block;font-size:11px}.daiv-card span{font-size:10px;color:#77736b}
.login-card{background:#fff;border:1px solid #e5dfd3;border-radius:13px;padding:26px 27px 22px;box-shadow:0 14px 40px #322a120a}.login-card h2{font-size:24px;letter-spacing:-.05em;margin:4px 0 5px}.login-card .sub{font-size:10px;color:#77736b;margin-bottom:19px}.selected{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#faf8f3;border:1px solid #eee8dc;border-radius:7px;margin:0 0 17px;font-size:10px}.selected b{font-size:11px}.selected a{font-size:9px;text-decoration:underline;color:#746344}
label{display:block;font-size:10px;font-weight:750;margin:13px 0 6px}input[type="email"],input[type="password"],input[type="text"]{height:43px;width:100%;border:1px solid #dcd8d0;border-radius:6px;padding:0 12px;font:12px var(--sans);background:#fff;color:#222}input:focus{outline:2px solid #cab69080;border-color:#b9a77f}.login-options{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:13px 0 16px;font-size:9px;color:#625f57}.remember{display:flex;align-items:center;gap:6px}.remember input{accent-color:#151513}.forgot{color:#776442;text-decoration:underline}.submit{width:100%;height:45px;border:0;border-radius:7px;background:#111;color:#fff;font:700 11px var(--sans);cursor:pointer}.submit span{color:var(--gold);margin-left:10px}.submit:hover{background:#35342f}.login-foot{text-align:center;font-size:9px;color:#77736a;margin:13px 0 0}.safe-note{margin-top:16px;padding:10px 11px;background:#fbf9f4;border-left:2px solid var(--gold);font-size:9px;line-height:1.6;color:#706b60}.prototype{margin-top:14px;padding:9px 10px;background:#f3f0e8;border-radius:5px;color:#625a4b;font-size:9px;line-height:1.5}.prototype b{display:block;margin-bottom:2px}
.dashboard-head{background:#fff;border:1px solid var(--line);border-radius:12px;padding:27px 29px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.dashboard-head h1{font-size:clamp(35px,4vw,52px);line-height:1.02;letter-spacing:-.07em;margin:12px 0 7px}.dashboard-head p{font-size:11px;color:#66635c;margin:0}.dash-art{width:148px;height:148px;object-fit:contain}.dash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:13px}.dash-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:17px;min-height:142px}.dash-card .index{font-size:9px;color:#9b8558;font-weight:800;letter-spacing:.1em}.dash-card h3{font-size:17px;letter-spacing:-.04em;margin:9px 0 5px}.dash-card p{font-size:10px;color:#6e6b64;line-height:1.6;margin:0}.dash-action{display:inline-block;margin-top:12px;font-size:9px;font-weight:800;border-bottom:1px solid #cab690;padding-bottom:2px}
.demo-strip{margin-top:13px;padding:11px 13px;border:1px solid #e9e2d5;border-left:3px solid var(--gold);background:#fff;color:#68645c;font-size:9px;line-height:1.65}.demo-strip b{color:#25241f}
footer{border-top:1px solid #e7e2d8;margin-top:28px;padding:15px 0;display:flex;justify-content:space-between;gap:12px;color:#77736a;font-size:9px}
@media(max-width:800px){.sitehead{height:68px;padding:0 13px}.brand img{width:39px;height:39px}.brand strong{font-size:15px}.nav a:not(.cta){display:none}.wrap{padding-left:14px;padding-right:14px}.signin-layout{grid-template-columns:1fr;gap:12px;padding:22px 0}.signin-aside{padding:0}.signin-aside h1{font-size:46px}.daiv-card{display:none}.login-card{padding:21px}.dashboard-head{padding:20px}.dash-art{width:104px;height:104px}}
@media(max-width:560px){.announcement{font-size:8px}.announcement .minor{display:none}.role-grid,.dash-grid{grid-template-columns:1fr}.role{min-height:175px;padding:16px}.pagehero{padding:16px 0}.hero-title{font-size:48px}.intro{font-size:12px}.dashboard-head{align-items:flex-start}.dash-art{width:75px;height:75px}.dashboard-head h1{font-size:38px}.workflow{gap:5px}.workflow span{font-size:8px}footer{display:block;line-height:1.9}.sitehead .nav .cta{padding:10px 11px}}
.role-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.role-grid-three .role{min-height:190px}@media(max-width:800px){.role-grid-three{grid-template-columns:1fr}}
.role-grid-three .role:nth-child(1){order:2}.role-grid-three .role:nth-child(2){order:3}.role-grid-three .role:nth-child(3){order:1}