.page-hero{padding:78px 0 60px;background:linear-gradient(135deg,#f7fbf9,#fff 60%,#f1fbf7)}
.page-hero .eyebrow{display:inline-flex;padding:7px 11px;border-radius:999px;background:#eafaf3;color:#17996b;font-size:10px;font-weight:800;letter-spacing:.08em}
.page-hero h1{font-family:"Fraunces",serif;color:#111827;font-size:clamp(36px,5vw,58px);line-height:1.04;letter-spacing:-2px;margin:16px 0 12px}
.page-hero p{max-width:700px;color:#6b7280;line-height:1.75;font-size:14px}
.page-section{padding:70px 0}
.page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.page-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:24px;box-shadow:0 8px 28px rgba(17,24,39,.045)}
.page-card h2,.page-card h3{margin:0 0 9px;color:#111827}
.page-card p{margin:0;color:#6b7280;font-size:12px;line-height:1.7}
.page-card .num{width:38px;height:38px;border-radius:11px;background:#eafaf3;color:#17996b;display:grid;place-items:center;font-size:11px;font-weight:800;margin-bottom:18px}
.page-shell{min-height:calc(100vh - 72px)}
.page-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}
.job-list{display:grid;gap:11px}
.job-row{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:15px;padding:20px}
.job-row:hover{border-color:#21c087;box-shadow:0 12px 32px rgba(17,24,39,.07)}
.job-cat{color:#17996b;font-size:9px;font-weight:800;letter-spacing:.1em}
.job-row h3{margin:5px 0 8px;color:#111827;font-size:15px}
.job-meta{display:flex;gap:12px;flex-wrap:wrap;color:#6b7280;font-size:10px}
.job-price{text-align:right;color:#111827;font-weight:800;font-size:14px}
.job-price small{display:block;color:#6b7280;font-weight:500;font-size:9px;margin-top:4px}
.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.profile{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:17px;padding:24px}
.profile-avatar{width:72px;height:72px;border-radius:50%;margin:0 auto 13px;background:linear-gradient(145deg,#dff7ed,#b9ead5)}
.profile h3{margin:0;color:#111827;font-size:14px}.profile p{font-size:10px;color:#6b7280;margin:6px 0 15px}
.faq-list-page{max-width:850px;margin:auto}
.faq-box{border-bottom:1px solid #e5e7eb}
.faq-box button{width:100%;padding:19px 0;border:0;background:transparent;text-align:left;display:flex;justify-content:space-between;color:#111827;font-weight:800;font-size:13px;cursor:pointer}
.faq-box .answer{display:none;padding:0 0 18px;color:#6b7280;font-size:12px;line-height:1.75}
.faq-box.open .answer{display:block}.faq-box button span{color:#17996b;font-size:18px}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.plan{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:26px}.plan.featured{border:2px solid #21c087;box-shadow:0 18px 45px rgba(33,192,135,.12)}
.plan h3{margin:0;color:#111827}.plan .price{font-size:27px;font-weight:800;color:#111827;margin:12px 0 17px}.plan ul{list-style:none;padding:0;margin:0 0 20px}.plan li{font-size:10px;color:#6b7280;padding:7px 0;border-bottom:1px solid #f0f1f3}.plan li:before{content:"✓";color:#17996b;font-weight:900;margin-right:7px}
@media(max-width:800px){.page-grid,.plan-grid{grid-template-columns:1fr}.profile-grid{grid-template-columns:repeat(2,1fr)}.job-row{grid-template-columns:1fr}.job-price{text-align:left}.page-hero{padding:55px 0 45px}}
@media(max-width:480px){.profile-grid{grid-template-columns:1fr}.page-section{padding:50px 0}.page-actions .btn{width:100%}}