#clientPortal{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}#clientPortal,#clientPortal *{box-sizing:border-box}#clientPortal{min-height:100%;overflow:hidden;background:#f3f1ec;color:#151510}#clientPortal .wrap{max-width:1440px;margin:0 auto;padding:0 40px}#clientPortal .serif,#clientPortal h1,#clientPortal h2,#clientPortal h3,#clientPortal h4{font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:-.045em}#clientPortal .eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:#77736c;margin-bottom:24px}#clientPortal .hero{padding:105px 0 72px}#clientPortal .hero h1{font-size:clamp(66px,8vw,126px);line-height:.88;margin:0;max-width:1200px}#clientPortal .heroGrid{display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:end;margin-top:48px}#clientPortal .heroCopy{font-size:18px;line-height:1.6;max-width:660px;color:#514d47}#clientPortal .heroSide{font-family:Georgia,Times New Roman,serif;font-size:30px;line-height:1.2;text-align:right;max-width:520px;margin-left:auto}#clientPortal .actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}#clientPortal .btn{border:1px solid #bbb7ae;background:transparent;color:inherit;border-radius:999px;padding:13px 20px;font-size:11px;letter-spacing:.1em;font-weight:800;text-transform:uppercase;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}#clientPortal .btn.dark{background:#151510;color:#fff;border-color:#151510}#clientPortal .shell{margin-top:76px;background:#e9e4da;border:1px solid #d1cdc4;border-radius:30px;padding:12px;box-shadow:0 28px 70px rgba(0,0,0,.09)}#clientPortal .product{background:#f8f7f3;border:1px solid #dedbd4;border-radius:22px;overflow:hidden}#clientPortal .productTop{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #dedbd4}#clientPortal .dots{display:flex;gap:7px}#clientPortal .dots i{width:8px;height:8px;border-radius:50%;background:#c7c2b8;display:block}#clientPortal .tag{display:inline-flex;width:max-content;border:1px solid #cbc7be;border-radius:999px;padding:7px 10px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:800}#clientPortal .app{display:grid;grid-template-columns:235px 1fr;min-height:735px}#clientPortal .sidebar{border-right:1px solid #dedbd4;padding:22px;background:#f1eee8}#clientPortal .sideLabel{font-size:9px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:#817d75;margin-bottom:14px}#clientPortal .navitem{padding:12px 14px;border-radius:12px;font-size:12px;margin-bottom:5px;color:#5f5a53;display:flex;justify-content:space-between;gap:8px}#clientPortal .navitem.active{background:#fff;color:inherit;font-weight:800}#clientPortal .navitem span{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#8c877f}#clientPortal .main{padding:28px;min-width:0}#clientPortal .mainHead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}#clientPortal .mainTitle{font-family:Georgia,Times New Roman,serif;font-size:44px;line-height:1;margin-top:8px}#clientPortal .readOnly{background:#efe9df;border-radius:999px;padding:9px 13px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:800}#clientPortal .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}#clientPortal .stat{background:#fff;border:1px solid #dedbd4;border-radius:16px;padding:16px}#clientPortal .stat small{font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:#817d75}#clientPortal .stat strong{display:block;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:400;margin-top:8px}#clientPortal .grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin-top:12px}#clientPortal .panel{background:#fff;border:1px solid #dedbd4;border-radius:18px;padding:20px}#clientPortal .panelHead{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}#clientPortal .panel h3{font-size:28px;margin:0}#clientPortal .phase{padding:14px 0;border-top:1px solid #ece8e0;display:flex;justify-content:space-between;gap:16px}#clientPortal .phase:first-of-type{border-top:none}#clientPortal .phase strong{font-size:12px}#clientPortal .phase span{font-size:10px;color:#817d75}#clientPortal .progress{height:6px;background:#ebe7de;border-radius:999px;margin-top:7px;overflow:hidden}#clientPortal .progress i{display:block;height:100%;background:#151510;border-radius:999px}#clientPortal .item{border-top:1px solid #ece8e0;padding:14px 0}#clientPortal .item:first-of-type{border-top:none}#clientPortal .itemTop{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}#clientPortal .item h4{font-size:22px;margin:0 0 4px}#clientPortal .item p{font-size:11px;color:#77736c;margin:0}#clientPortal .itemActions{display:flex;gap:7px;margin-top:10px}#clientPortal .smallBtn{border:1px solid #c9c4bb;background:#fff;border-radius:999px;padding:8px 10px;font-size:9px;font-weight:800;text-transform:uppercase;cursor:pointer}#clientPortal .smallBtn.approve{background:#151510;color:#fff;border-color:#151510}#clientPortal .invoice{background:#151510;color:#fff;border-radius:18px;padding:22px;margin-top:12px}#clientPortal .invoice small{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#c6c1b8;font-weight:800}#clientPortal .invoice strong{display:block;font-family:Georgia,Times New Roman,serif;font-size:42px;font-weight:400;margin:10px 0 5px}#clientPortal .invoice p{font-size:11px;color:#c9c4bb;margin:0}#clientPortal .invoice .btn{margin-top:18px;background:#fff;color:#151510;border-color:#fff}#clientPortal .viewList{display:grid;gap:9px;margin-top:12px}#clientPortal .viewRow{background:#efe9df;border-radius:14px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:12px}#clientPortal .viewRow strong{font-size:11px}#clientPortal .viewRow span{font-size:9px;color:#77736c}#clientPortal .section{padding:120px 0;border-top:1px solid #d9d6cf}#clientPortal .sectionHead{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:start;margin-bottom:58px}#clientPortal .section h2{font-size:clamp(52px,6.3vw,92px);line-height:.94;margin:0;max-width:980px}#clientPortal .sectionIntro{font-size:17px;line-height:1.6;max-width:620px;color:#57534d;margin-top:18px}#clientPortal .three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}#clientPortal .card{min-height:300px;border:1px solid #d3d0c8;border-radius:24px;padding:28px;background:#f8f7f3;display:grid;grid-template-rows:82px 1fr}#clientPortal .cardNum{font-family:Georgia,Times New Roman,serif;font-size:58px;line-height:1}#clientPortal .card h3{font-size:31px;line-height:1.06;margin:0 0 12px;min-height:66px}#clientPortal .card p{font-size:13px;line-height:1.55;color:#666159;margin:0}#clientPortal .permissionGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}#clientPortal .permissionCard{border:1px solid #d3d0c8;border-radius:26px;padding:30px;background:#f8f7f3}#clientPortal .permissionCard h3{font-size:38px;line-height:1;margin:10px 0 18px}#clientPortal .permissionRow{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e2ded5;padding:14px 0;font-size:12px}#clientPortal .permissionRow b{font-weight:700}#clientPortal .yes{font-weight:800}#clientPortal .no{color:#8a857e}#clientPortal .bigOnly{background:#151510;color:#fff}#clientPortal .bigOnly h3{font-size:42px}#clientPortal .bigOnly p{font-size:14px;line-height:1.6;color:#c9c4bb;max-width:520px}#clientPortal .actionPair{display:grid;grid-template-columns:1fr 1fr;gap:14px}#clientPortal .actionCard{border:1px solid #d3d0c8;border-radius:26px;padding:30px;background:#f8f7f3;min-height:360px}#clientPortal .actionCard h3{font-size:38px;line-height:1;margin:10px 0 16px}#clientPortal .actionCard p{font-size:14px;line-height:1.6;color:#666159}#clientPortal .mockApproval{margin-top:24px;border-top:1px solid #e2ded5;padding-top:20px}#clientPortal .mockApproval strong{font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:400}#clientPortal .mockApproval .smallBtn{margin-top:12px}#clientPortal .mockInvoice{margin-top:24px;background:#151510;color:#fff;border-radius:18px;padding:20px}#clientPortal .mockInvoice strong{font-family:Georgia,Times New Roman,serif;font-size:32px;font-weight:400}#clientPortal .mockInvoice p{color:#c9c4bb;font-size:11px}#clientPortal .mockInvoice button{background:#fff;color:#151510;border:none;border-radius:999px;padding:10px 13px;font-size:9px;font-weight:800;text-transform:uppercase;cursor:pointer}#clientPortal .connect{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}#clientPortal .connectCard{background:#efe9df;border-radius:18px;padding:20px;min-height:180px}#clientPortal .connectCard h4{font-size:25px;margin:28px 0 8px}#clientPortal .connectCard p{font-size:12px;line-height:1.5;color:#68635c;margin:0}#clientPortal .darkBand{background:#151510;color:#f7f5ef;padding:100px 0}#clientPortal .darkGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end}#clientPortal .darkBand h2{font-size:clamp(58px,6.6vw,98px);line-height:.92;margin:0}#clientPortal .darkBand p{font-size:17px;line-height:1.6;max-width:530px;color:#c9c4bb}#clientPortal .final{padding:115px 0 125px;text-align:center}#clientPortal .final h2{font-size:clamp(64px,8vw,116px);line-height:.9;margin:0 auto;max-width:1100px}#clientPortal .final p{max-width:580px;margin:28px auto 0;font-size:17px;line-height:1.55;color:#605c55}#clientPortal footer{padding:28px 0;border-top:1px solid #d9d6cf;font-size:11px;color:#77736c}@media(max-width:900px){#clientPortal .wrap{padding:0 22px}#clientPortal .actionPair,#clientPortal .darkGrid,#clientPortal .heroGrid,#clientPortal .permissionGrid,#clientPortal .sectionHead{grid-template-columns:1fr}#clientPortal .heroSide{text-align:left;margin:0}#clientPortal .app{grid-template-columns:1fr}#clientPortal .sidebar{display:none}#clientPortal .stats{grid-template-columns:1fr 1fr}#clientPortal .grid,#clientPortal .three{grid-template-columns:1fr}#clientPortal .connect{grid-template-columns:1fr 1fr}}