/* WORKSSS — light interface. Original SVG identity is preserved. */
:root {
    --ink: #172523; --muted: #66736e; --accent: #00765f; --accent-dark: #005d4b;
    --tint: #eef5f1; --paper: #fff; --line: #e2e9e5; --white: #fff; --radius: 16px;
    --font: Arial, "Helvetica Neue", system-ui, sans-serif;
    --purple: var(--accent); --purple-dark: var(--accent-dark); --lilac: var(--tint);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 15px/1.6 var(--font); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--accent); }
button, input, select, textarea { font: inherit; }
button, a, input, select, textarea, summary { outline-offset: 4px; }
*:focus-visible { outline: 3px solid var(--accent); }
button { cursor: pointer; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { line-height: 1.15; letter-spacing: -.04em; }
h1 { font-size: 48px; font-weight: 700; }
h2 { font-size: 34px; font-weight: 700; }
h3 { font-size: 20px; }
p { color: var(--muted); }
small, .fine { font-size: 12px; color: var(--muted); }
svg { display: block; }
.container { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 48px; }
.header { background: #fff; border-bottom: 1px solid var(--line); }
.header-inner { max-width: 1280px; height: 88px; margin: auto; padding: 0 48px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; justify-content: center; background: #111b19; border-radius: 10px; padding: 10px 14px; flex: none; }
.brand-logo { display: block; width: 145px; height: auto; max-width: 100%; }
.brand-dot, .purple { color: var(--accent); }
.desktop-nav { display: flex; gap: 26px; align-items: center; }
.desktop-nav a { font-size: 13px; font-weight: 600; padding: 10px 0; }
.desktop-nav a.active { color: var(--accent); }
.header-actions { display: flex; align-items: center; gap: 24px; }
.login { font-size: 13px; font-weight: 600; padding: 10px 0; }
.button { min-height: 48px; border: 1px solid transparent; background: var(--accent); color: #fff; padding: 13px 22px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; gap: 20px; font-size: 14px; font-weight: 600; line-height: 1.4; text-align: center; transition: background .18s, border-color .18s; }
.button:hover { color: #fff; background: var(--accent-dark); }
.button.secondary { background: #fff; color: var(--ink); border-color: #cfdad4; }
.button.secondary:hover { background: var(--tint); border-color: #9fbfb0; color: var(--accent-dark); }
.button.small { min-height: 42px; padding: 10px 16px; font-size: 12px; gap: 16px; }
.button.light { background: #fff; color: var(--accent-dark); }
.button.full { width: 100%; }
.mobile-menu { display: none; position: relative; }
.environment { display: flex; align-items: center; justify-content: center; gap: 7px; background: #f4f7f5; border-bottom: 1px solid #edf1ee; color: #5b6d63; font-size: 10px; min-height: 29px; padding: 5px 16px; }
.environment .dot { width: 5px; height: 5px; background: #809b88; }
.dot { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); display: inline-block; flex: none; }
.eyebrow { font-size: 10px; font-weight: 700; letter-spacing: 1.45px; display: inline-flex; align-items: center; gap: 9px; color: var(--muted); line-height: 1.5; }
.hero { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(320px,1fr); gap: 92px; align-items: center; padding: 66px 0 54px; }
.hero-copy > .eyebrow { color: var(--accent); }
.hero h1 { font-size: clamp(44px,4.5vw,60px); margin: 24px 0 24px; line-height: 1.075; letter-spacing: -2.8px; }
.hero h1 > span { color: var(--accent); }
.lead { font-size: 16px; line-height: 1.8; max-width: 525px; margin-bottom: 26px; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.hero-benefits { display: flex; flex-wrap: wrap; gap: 20px; font-size: 11px; color: var(--muted); margin-top: 25px; }
.hero-benefits > span { display: inline-flex; align-items: center; gap: 6px; }
.hero-benefits > span > span { color: var(--accent); font-size: 14px; }
.fee-panel { padding: 25px 30px 24px; background: #f0f6f2; border: 1px solid #e0eae3; border-radius: 18px; }
.fee-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.fee-heading .eyebrow { color: #4e6658; font-size: 9px; letter-spacing: 1.2px; }
.fee-heading > a { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 1px solid #d5e3d9; border-radius: 50%; color: var(--accent); font-size: 18px; }
.fee-number { color: var(--accent); font-size: 108px; letter-spacing: -7px; line-height: 1; font-weight: 700; margin: 18px 0 14px; }
.fee-number > span { font-size: 65px; margin-left: 12px; font-weight: 500; letter-spacing: -3px; }
.fee-panel h2 { font-size: 19px; letter-spacing: -.5px; line-height: 1.4; margin-bottom: 10px; }
.fee-panel > p { font-size: 12px; line-height: 1.7; margin: 0; max-width: 310px; }
.fee-divider { height: 1px; background: #d6e3d9; margin: 21px 0 13px; }
.fee-fact { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 6px 0; font-size: 12px; color: #52655a; }
.fee-fact strong { font-size: 15px; color: var(--ink); }
.fee-note { display: flex; align-items: center; gap: 12px; border-top: 1px solid #d6e3d9; padding-top: 17px; margin-top: 14px; font-size: 11px; line-height: 1.7; color: #667a6c; }
.fee-note strong { font-weight: 400; color: #354d3f; }
.fee-note-icon { display: grid; place-items: center; width: 33px; height: 33px; border-radius: 8px; background: #dfece3; font-size: 21px; color: var(--accent); flex: none; }
.home-search { display: grid; grid-template-columns: 190px minmax(0,1fr); align-items: center; gap: 28px; border: 1px solid var(--line); border-radius: 12px; padding: 20px 24px; background: #fafcfb; }
.home-search > label { font-size: 14px; font-weight: 600; line-height: 1.6; margin: 0; }
.home-search > label > span { color: var(--muted); font-weight: 400; }
.search { display: flex; align-items: center; gap: 14px; padding: 5px 5px 5px 18px; background: #fff; border: 1px solid #dce5df; border-radius: 8px; }
.search > svg { width: 20px; height: 20px; flex: none; color: #829187; }
.search input { border: 0; margin: 0; padding: 10px 0; background: transparent; min-width: 0; flex: 1; font-size: 13px; }
.search .button { min-height: 42px; padding: 10px 22px; font-size: 13px; }
.section { padding: 64px 0 0; }
.section-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 25px; }
.section-head h2 { margin: 10px 0 0; font-size: 31px; letter-spacing: -1.2px; }
.section-head p { font-size: 13px; margin: 0; }
.text-link { font-size: 12px; color: var(--ink); font-weight: 600; display: inline-flex; align-items: center; gap: 20px; flex: none; padding: 9px 0; }
.text-link > span { color: var(--accent); font-size: 17px; }
.category-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.category-card { border: 1px solid var(--line); background: #fff; border-radius: 12px; padding: 22px; position: relative; transition: background .18s,border-color .18s; }
.category-card:hover { background: #f7faf8; border-color: #a6c5b5; color: var(--ink); }
.category-icon { color: var(--accent); display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; font-size: 24px; }
.category-icon svg { width: 27px; height: 27px; }
.category-card h3 { font-size: 15px; letter-spacing: -.25px; margin: 25px 0 8px; line-height: 1.3; }
.category-card p { margin: 0; font-size: 12px; line-height: 1.7; max-width: 210px; }
.arrow { position: absolute; right: 21px; top: 22px; color: #9aaba0; font-size: 18px; }
.category-card:hover .arrow { color: var(--accent); }
.job-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.panel, .job-card { border: 1px solid var(--line); border-radius: var(--radius); background: #fff; padding: 26px; min-width: 0; }
.job-card { display: flex; flex-direction: column; padding: 24px; }
.card-meta { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 20px; color: var(--muted); font-size: 10px; }
.job-card h3 { font-size: 19px; letter-spacing: -.5px; line-height: 1.4; }
.job-card p { font-size: 12px; flex: 1; }
.job-budget { font-size: 21px; font-weight: 700; letter-spacing: -.5px; margin: 12px 0 22px; }
.card-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 10px; border-top: 1px solid var(--line); padding-top: 16px; color: var(--muted); }
.badge { display: inline-flex; border-radius: 5px; background: var(--tint); color: #32614b; font-size: 10px; padding: 4px 9px; line-height: 1.5; overflow-wrap: anywhere; }
.empty { padding: 54px 30px; text-align: center; border: 1px solid var(--line); border-radius: var(--radius); background: #f7faf8; }
.empty h3 { font-size: 23px; margin: 14px 0 12px; letter-spacing: -.6px; }
.empty p { font-size: 13px; max-width: 500px; margin: 0 auto 22px; }
.empty-symbol { font-size: 32px; color: var(--accent); }
.empty.wide { display: flex; align-items: center; justify-content: space-between; gap: 24px; text-align: left; padding: 30px; background: #fafcfb; }
.empty.wide h3 { font-size: 20px; margin: 0 0 9px; }
.empty.wide p { font-size: 12px; margin: 0; max-width: 475px; }
.empty.wide .empty-symbol { background: #e9f2ec; border: 1px solid #e0eae3; border-radius: 12px; width: 60px; height: 64px; display: grid; place-items: center; flex: none; }
.empty-symbol svg { width: 28px; height: 28px; }
.empty.wide > div:nth-child(2) { flex: 1; }
.empty.wide .button { flex: none; font-size: 12px; }
.how { padding-bottom: 60px; }
.steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.steps article { border-top: 1px solid #ccd9d1; padding: 22px 16px 0 0; }
.steps article > span { display: flex; align-items: center; justify-content: space-between; color: #91a296; font-size: 12px; padding-right: 8px; }
.steps article > span > span { font-size: 20px; color: var(--accent); }
.steps h3 { font-size: 21px; letter-spacing: -.6px; margin: 28px 0 13px; }
.steps p { font-size: 13px; line-height: 1.9; max-width: 310px; margin: 0; }
.cta { padding: 38px 40px; border: 1px solid #dce9df; border-radius: 16px; background: #f0f6f2; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.cta .eyebrow { color: var(--accent); font-size: 9px; }
.cta h2 { font-size: 32px; letter-spacing: -1px; margin: 16px 0; line-height: 1.2; }
.cta p { font-size: 12px; margin: 0; }
.cta > .button { flex: none; }
.faq { display: grid; grid-template-columns: 1fr 1.7fr; gap: 70px; padding-top: 72px; padding-bottom: 10px; }
.faq h2 { font-size: 38px; margin: 14px 0 19px; line-height: 1.15; }
.faq-list { border-top: 1px solid var(--line); }
.faq details { padding: 22px 0; border-bottom: 1px solid var(--line); }
summary { font-size: 14px; font-weight: 600; cursor: pointer; }
.faq summary { list-style: none; position: relative; padding-right: 32px; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; position: absolute; right: 5px; top: -5px; font-size: 23px; font-weight: 400; color: #6a8474; }
.faq details[open] summary::after { content: "−"; }
.faq details p { font-size: 12px; margin: 15px 0 0; line-height: 1.9; }
.footer { margin-top: 74px; background: #f8faf9; border-top: 1px solid var(--line); }
.footer-inner { max-width: 1280px; margin: auto; padding: 44px 48px 20px; display: grid; grid-template-columns: 1.55fr 1fr 1.15fr 1.15fr; gap: 34px; }
.footer p { font-size: 11px; margin: 16px 0 0; line-height: 1.8; }
.footer .brand { padding: 9px 12px; border-radius: 8px; }
.footer .brand-logo { width: 140px; }
.footer-inner > div > a:not(.brand) { display: block; font-size: 11px; margin: 0 0 10px; color: var(--muted); }
.footer-inner > div > a:hover { color: var(--accent); }
.footer-heading { display: block; font-size: 11px; font-weight: 600; margin: 0 0 17px; color: var(--ink); }
.footer-note { font-size: 11px; color: var(--muted); line-height: 1.8; }
.footer-bottom { grid-column: 1 / -1; display: flex; justify-content: space-between; padding-top: 20px; border-top: 1px solid var(--line); color: #7c8b81; font-size: 10px; }
.page-heading { padding: 52px 0 30px; }
.page-heading h1 { margin: 16px 0 18px; }
.page-heading p { max-width: 720px; font-size: 15px; }
.filters { display: grid; grid-template-columns: 1.4fr 1.3fr .7fr .8fr auto; gap: 14px; align-items: end; padding: 22px; background: #f8faf9; border: 1px solid var(--line); border-radius: 12px; }
.filters label { margin: 0; font-size: 11px; }
.filters .button { min-height: 44px; }
.results-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 34px 0 23px; }
.results-heading h2 { font-size: 23px; margin: 0; letter-spacing: -.7px; }
.results-heading a { font-size: 12px; color: var(--accent); }
label { display: block; font-size: 13px; font-weight: 600; margin: 0 0 18px; }
input, textarea, select { display: block; width: 100%; background: #fff; border: 1px solid #ccd9d1; border-radius: 7px; color: var(--ink); padding: 11px 12px; line-height: 1.4; margin-top: 7px; font-size: 14px; min-width: 0; }
input::placeholder, textarea::placeholder { color: #829187; opacity: 1; }
textarea { resize: vertical; min-height: 90px; }
label.checkbox { display: flex; align-items: start; gap: 10px; font-weight: 400; font-size: 12px; }
.checkbox input { width: auto; margin-top: 4px; }
.notice { padding: 18px 22px; background: #fbf6e8; border: 1px solid #eadebd; border-radius: 10px; font-size: 13px; margin: 18px 0 24px; color: #655638; }
.notice p { margin: 5px 0; color: inherit; }
.notice a { text-decoration: underline; font-weight: 600; }
.notice.success { background: #eef7f1; border-color: #cce3d5; color: #315443; }
.auth-grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: 70px; align-items: center; min-height: 570px; padding: 60px 0; }
.auth-grid h1 { font-size: 50px; margin: 20px 0; }
.auth-panel h2 { font-size: 25px; }
.auth-panel > p { font-size: 13px; }
.auth-panel .fine { font-size: 11px; margin: 18px 0 0; }
.auth-feature { display: flex; gap: 17px; align-items: center; margin-top: 30px; }
.auth-feature > span { width: 42px; height: 42px; background: var(--tint); display: grid; place-items: center; border-radius: 10px; color: var(--accent); font-size: 23px; flex: none; }
.auth-feature p { font-size: 13px; margin: 0; }
.auth-feature strong { font-weight: 500; color: var(--ink); }
.dashboard-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 24px; }
.tint { background: var(--tint); }
.balance-number { font-size: 58px; font-weight: 700; letter-spacing: -3px; margin: 20px 0 15px; }
.row { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.row p { font-size: 12px; margin: 5px 0; }
.list-row { padding: 20px; background: #fff; border: 1px solid var(--line); border-radius: 10px; display: flex; justify-content: space-between; gap: 20px; margin: 10px 0; font-size: 13px; }
.list-row small { display: block; }
.appnav { display: flex; max-width: 1280px; margin: 22px auto 0; padding: 0 48px; gap: 26px; align-items: center; flex-wrap: wrap; font-size: 12px; }
.appnav form { margin-left: auto; }
.link-button { border: 0; background: none; padding: 0; color: var(--muted); font-size: 12px; text-decoration: underline; }
.dashboard-grid details { margin-top: 24px; }
.dashboard-grid details form { margin-top: 18px; }
.form-wide { max-width: 790px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.detail-grid { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(260px,1fr); gap: 26px; }
.detail-grid > .panel { align-self: start; }
.breadcrumb { display: inline-block; font-size: 12px; margin: 40px 0 22px; color: var(--muted); }
.job-detail h1 { font-size: 34px; margin: 20px 0 26px; }
.preserve { white-space: pre-wrap; overflow-wrap: anywhere; }
.job-detail > .preserve { font-size: 14px; margin-bottom: 40px; }
.bid { margin: 15px 0; }
.bid.featured { border: 2px solid #65b89b; background: #f0f8f4; }
.inline-forms { display: flex; gap: 10px; flex-wrap: wrap; }
.inline-forms form { margin: 0; }
.section-small { margin-top: 24px; }
.stage { padding: 20px 0; border-bottom: 1px solid var(--line); }
.stage:last-child { border-bottom: none; }
.stage h3 { font-size: 17px; }
.stage p { font-size: 13px; }
.hash, .code { font-family: monospace; font-size: 10px; overflow-wrap: anywhere; white-space: pre-wrap; color: var(--muted); }
.document-links { display: flex; gap: 20px; font-size: 12px; color: var(--accent); margin: 25px 0; }
.messages { margin-top: 24px; }
.messages article { padding: 15px 0; border-top: 1px solid var(--line); font-size: 13px; }
.messages time { display: block; color: var(--muted); font-size: 10px; }
.messages p { margin: 10px 0; }
.detail-grid aside p { font-size: 13px; }
.detail-grid aside form { margin-top: 20px; }
hr { border: 0; border-top: 1px solid var(--line); margin: 25px 0; }
.pricing-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.pricing-grid h3 { font-size: 18px; min-height: 44px; }
.price { font-size: 44px; font-weight: 700; letter-spacing: -2px; margin: 25px 0; }
.pricing-grid p { font-size: 12px; }
.avatar { width: 54px; height: 54px; display: grid; place-items: center; background: var(--tint); border-radius: 12px; color: var(--accent); font-size: 22px; margin-bottom: 20px; }
.narrow { max-width: 480px; margin: 70px auto; }
.narrow h1 { font-size: 32px; }
.metrics { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 14px; margin: 15px 0 30px; }
.metrics .panel { padding: 20px; }
.metrics strong { display: block; font-size: 36px; margin-top: 8px; }
.table-scroll { overflow: auto; }
table { border-collapse: collapse; width: 100%; font-size: 11px; }
td, th { padding: 12px; text-align: left; border-bottom: 1px solid var(--line); }
th { color: var(--muted); }
.prose { max-width: 860px; }
.prose p, .prose li { font-size: 14px; line-height: 1.9; }
.prose li { margin: 12px 0; }
.error-state { margin: 70px 0; }
.error-state .inline-forms { justify-content: center; }
.pagination { display: flex; justify-content: center; gap: 16px; padding: 30px 0; }
.muted { color: var(--muted); }
.skip { position: absolute; top: -100px; left: 20px; z-index: 100; background: #fff; padding: 10px; }
.skip:focus { top: 10px; }
@media (min-width: 1450px) {
    .hero { padding-top: 82px; padding-bottom: 64px; }
}
@media (max-width: 1100px) {
    .container, .header-inner { padding-left: 32px; padding-right: 32px; }
    .header-inner { gap: 20px; }
    .desktop-nav { gap: 18px; }
    .desktop-nav a { font-size: 12px; }
    .header-actions { gap: 18px; }
    .header-create { font-size: 11px; padding: 10px 13px; }
    .hero { gap: 42px; grid-template-columns: minmax(0,1.3fr) minmax(300px,1fr); }
    .hero h1 { font-size: 49px; letter-spacing: -2px; }
    .hero-actions .button { font-size: 12px; padding: 13px 16px; gap: 12px; }
    .fee-panel { padding: 24px; }
    .category-card { padding: 20px; }
    .category-card h3 { font-size: 14px; }
    .category-card p { font-size: 12px; }
    .footer-inner { padding-left: 32px; padding-right: 32px; gap: 26px; }
    .appnav { padding: 0 32px; }
    .filters { grid-template-columns: 1fr 1fr 1fr; }
    .pricing-grid { grid-template-columns: 1fr 1fr; }
    .metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 850px) {
    .desktop-nav { display: none; }
    .mobile-menu { display: block; }
    .mobile-menu > summary { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 7px; list-style: none; }
    .mobile-menu > summary::-webkit-details-marker { display: none; }
    .mobile-menu > summary > svg { width: 21px; height: 21px; }
    .mobile-menu[open] > summary { background: var(--tint); border-color: #b9cfc1; }
    .mobile-menu nav { position: absolute; z-index: 30; top: calc(100% + 12px); right: 0; width: 235px; padding: 8px; border-radius: 10px; border: 1px solid var(--line); background: #fff; box-shadow: 0 12px 40px #152c2014; }
    .mobile-menu nav a { display: block; padding: 12px 13px; font-size: 13px; border-radius: 5px; }
    .mobile-menu nav a:hover { background: var(--tint); }
    .hero { gap: 28px; grid-template-columns: minmax(0,1.2fr) minmax(260px,1fr); padding-top: 44px; padding-bottom: 36px; }
    .hero h1 { font-size: 39px; letter-spacing: -1.6px; }
    .lead { font-size: 14px; line-height: 1.8; }
    .hero-actions { gap: 9px; }
    .hero-actions .button { font-size: 11px; padding: 12px; gap: 10px; }
    .hero-benefits { gap: 7px 14px; margin-top: 18px; font-size: 10px; }
    .fee-panel { padding: 22px; }
    .fee-number { font-size: 88px; }
    .fee-number > span { font-size: 53px; margin-left: 10px; }
    .fee-panel h2 { font-size: 17px; }
    .fee-panel > p { font-size: 12px; }
    .fee-heading .eyebrow { font-size: 8px; letter-spacing: .6px; }
    .home-search { grid-template-columns: 145px minmax(0,1fr); gap: 16px; padding: 18px; }
    .home-search > label { font-size: 12px; }
    .category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .category-card h3 { font-size: 16px; }
    .category-card p { max-width: none; font-size: 11px; }
    .job-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .section { padding-top: 48px; }
    .section-head h2 { font-size: 28px; }
    .empty.wide { flex-wrap: wrap; padding: 26px; }
    .empty.wide > .button { margin-left: 84px; }
    .steps { gap: 22px; }
    .steps h3 { font-size: 18px; }
    .steps p { font-size: 12px; }
    .cta { padding: 30px; flex-direction: column; align-items: start; gap: 24px; }
    .cta h2 { font-size: 30px; }
    .faq { grid-template-columns: 1fr 1.65fr; gap: 32px; }
    .faq h2 { font-size: 34px; }
    .footer-inner { grid-template-columns: 1.4fr 1fr 1.2fr; }
    .footer-note { grid-column: 1 / -1; }
    .footer-note br { display: none; }
    .footer-note .footer-heading { margin-bottom: 8px; }
    .footer-note p { margin-top: 4px; }
    .dashboard-grid, .detail-grid, .auth-grid { grid-template-columns: 1fr; }
    .auth-grid { padding: 40px 0; gap: 24px; min-height: auto; }
    .auth-grid h1 { font-size: 42px; }
    .auth-feature { display: none; }
    .page-heading h1 { font-size: 40px; }
    .filters { grid-template-columns: 1fr 1fr; }
    .detail-grid { gap: 18px; }
    .row { flex-wrap: wrap; }
}
@media (max-width: 600px) {
    .container, .header-inner { padding-left: 20px; padding-right: 20px; }
    .header-inner { height: 73px; gap: 12px; }
    .header .brand { padding: 8px 10px; border-radius: 8px; }
    .header .brand-logo { width: 120px; }
    .header-actions { gap: 18px; }
    .header-create { display: none; }
    .header-actions .button { font-size: 11px; padding: 9px 12px; min-height: 40px; }
    .login { font-size: 12px; }
    .environment { font-size: 9px; min-height: 27px; }
    .hero { grid-template-columns: 1fr; gap: 30px; padding: 35px 0 26px; }
    .hero h1 { font-size: clamp(34px,8.8vw,48px); line-height: 1.12; letter-spacing: -1.7px; margin: 20px 0; }
    .lead { max-width: 430px; font-size: 14px; line-height: 1.8; margin-bottom: 23px; }
    .eyebrow { font-size: 9px; letter-spacing: 1.2px; }
    .hero-actions { gap: 10px; }
    .hero-actions .button { min-height: 47px; font-size: 12px; padding: 12px 16px; gap: 14px; }
    .hero-benefits { font-size: 10px; margin-top: 18px; }
    .fee-panel { display: grid; grid-template-columns: 110px minmax(0,1fr); gap: 0 18px; padding: 21px; }
    .fee-heading { grid-column: 1 / -1; }
    .fee-heading .eyebrow { font-size: 9px; letter-spacing: 1px; }
    .fee-number { grid-column: 1; grid-row: 2; font-size: 76px; letter-spacing: -5px; align-self: center; margin: 18px 0; }
    .fee-number > span { font-size: 43px; margin-left: 9px; }
    .fee-panel h2 { grid-column: 2; font-size: 15px; margin: 19px 0 8px; line-height: 1.45; letter-spacing: -.4px; }
    .fee-panel > p { grid-column: 1 / -1; font-size: 12px; line-height: 1.7; margin-top: 10px; max-width: none; }
    .fee-divider { grid-column: 1 / -1; margin: 18px 0 10px; }
    .fee-fact { grid-column: 1 / -1; }
    .fee-note { grid-column: 1 / -1; margin-top: 12px; padding-top: 14px; font-size: 11px; }
    .home-search { grid-template-columns: 1fr; gap: 12px; padding: 17px; }
    .home-search > label { font-size: 13px; }
    .home-search > label br { display: none; }
    .home-search > label > span::before { content: " "; }
    .search { gap: 9px; padding-left: 12px; }
    .search > svg { width: 18px; height: 18px; }
    .search input { font-size: 12px; }
    .search .button { font-size: 11px; padding: 10px 13px; gap: 9px; }
    .section { padding-top: 40px; }
    .section-head { gap: 16px; align-items: end; margin-bottom: 20px; }
    .section-head h2 { font-size: 25px; letter-spacing: -.8px; }
    .section-head .eyebrow { font-size: 8px; letter-spacing: 1px; }
    .text-link { font-size: 10px; gap: 9px; padding-bottom: 3px; }
    .text-link > span { font-size: 15px; }
    .category-grid { gap: 10px; }
    .category-card { padding: 18px 15px; }
    .category-icon { width: 25px; height: 25px; }
    .category-icon svg { width: 24px; height: 24px; }
    .category-card h3 { font-size: 13px; margin: 22px 0 7px; letter-spacing: -.2px; }
    .category-card p { font-size: 11px; }
    .arrow { top: 17px; right: 14px; font-size: 16px; }
    .job-grid { grid-template-columns: 1fr; }
    .empty.wide { padding: 22px; gap: 18px; }
    .empty.wide .empty-symbol { width: 44px; height: 48px; border-radius: 9px; }
    .empty.wide h3 { font-size: 18px; }
    .empty.wide p { font-size: 12px; }
    .empty.wide > div:nth-child(2) { min-width: 160px; }
    .empty.wide > .button { margin-left: 0; width: 100%; }
    .steps { grid-template-columns: 1fr; gap: 25px; }
    .steps article { padding-top: 16px; padding-right: 0; }
    .steps h3 { font-size: 21px; margin: 14px 0 10px; }
    .steps p { font-size: 12px; max-width: none; }
    .how { padding-bottom: 40px; }
    .cta { padding: 26px 22px; gap: 22px; }
    .cta h2 { font-size: 27px; letter-spacing: -.8px; }
    .cta h2 br { display: none; }
    .cta p { font-size: 11px; }
    .cta .eyebrow { font-size: 8px; }
    .cta .button { width: 100%; font-size: 13px; }
    .faq { grid-template-columns: 1fr; gap: 22px; padding-bottom: 0; }
    .faq h2 { font-size: 30px; margin: 12px 0 10px; }
    .faq h2 br { display: none; }
    .faq summary { font-size: 13px; }
    .faq details { padding: 20px 0; }
    .footer { margin-top: 48px; }
    .footer-inner { padding: 32px 20px 20px; grid-template-columns: 1fr 1fr; gap: 28px 20px; }
    .footer-brand { grid-column: 1 / -1; }
    .footer-note { grid-column: 1 / -1; }
    .footer-bottom { padding-top: 18px; gap: 16px; font-size: 9px; }
    .page-heading { padding-top: 32px; }
    .page-heading h1 { font-size: 34px; }
    .page-heading p { font-size: 13px; }
    .filters { grid-template-columns: 1fr; padding: 18px; }
    .panel { padding: 22px; }
    .form-row { grid-template-columns: 1fr; gap: 0; }
    .results-heading h2 { font-size: 20px; }
    .results-heading a { font-size: 10px; }
    .empty { padding: 40px 20px; }
    .pricing-grid { grid-template-columns: 1fr; }
    .pricing-grid h3 { min-height: auto; }
    .appnav { padding: 0 20px; gap: 16px; }
    .appnav form { margin-left: 0; }
    .metrics { grid-template-columns: 1fr 1fr; }
    .metrics .panel { padding: 15px; }
    .metrics .eyebrow { font-size: 8px; letter-spacing: .8px; }
    .document-links { flex-direction: column; gap: 8px; }
    .job-detail h1 { font-size: 27px; }
    .auth-grid h1 { font-size: 38px; }
    .balance-number { font-size: 48px; }
}
@media (max-width: 360px) {
    .container, .header-inner { padding-left: 16px; padding-right: 16px; }
    .hero-actions { flex-direction: column; }
    .hero-actions .button { width: 100%; }
    .hero-benefits { font-size: 9px; gap: 7px 12px; }
    .fee-panel { grid-template-columns: 91px minmax(0,1fr); gap: 0 12px; padding: 18px; }
    .fee-number { font-size: 66px; }
    .fee-number > span { font-size: 36px; margin-left: 7px; }
    .fee-panel h2 { font-size: 14px; }
    .section-head { gap: 10px; }
    .section-head h2 { font-size: 23px; }
    .text-link { font-size: 9px; gap: 6px; }
    .header-actions { gap: 12px; }
    .header .brand-logo { width: 110px; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    * { transition: none !important; }
}
@media print {
    .header, .environment, .appnav, .footer, .button, form { display: none; }
    body { background: #fff; }
    .container { max-width: none; padding: 0; }
}
/* WORKSSS 0.1.3 — editorial layout, emerald sculpture and local Cyrillic font. */
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-variable.woff') format('woff');font-style:normal;font-weight:200 800;font-display:swap}
:root{--ink:#14201b;--muted:#69736c;--accent:#006c50;--accent-dark:#004b38;--tint:#f0f4ee;--line:#e0e5df;--font:Manrope,Arial,system-ui,sans-serif;--radius:18px;--lime:#d4fb72}
body{background:#fbfcf9}
.container,.header-inner{max-width:1360px;padding-left:48px;padding-right:48px}
.header{background:#fbfcf9;border-bottom:0}
.header-inner{height:94px}
.header .brand{padding:10px 14px;border-radius:12px}
.header .brand-logo{width:150px}
.desktop-nav a{font-size:12px;font-weight:650}
.header-actions .login{font-size:12px}
.button{background:var(--ink);border-radius:100px;padding:15px 25px;gap:25px;min-height:52px;font-size:13px;font-weight:650}
.button:hover{background:var(--accent);color:#fff}
.button>span[aria-hidden]{display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1}
.button.secondary{background:transparent;border-color:#bcc8bc;color:var(--ink)}
.button.secondary:hover{border-color:var(--ink);background:#f0f4ed}
.header .button.small{background:var(--ink);border-radius:100px;font-size:11px;padding:12px 18px;min-height:43px}
.environment{background:#f2f5ee;border-color:#e8ede3;color:#68745d;font-size:9px}
.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.6px}
.hero-wow{grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);gap:0;padding:30px 0 22px;min-height:610px}
.hero-wow .hero-copy{position:relative;z-index:2;padding:18px 0 20px}
.hero-wow .eyebrow{color:var(--ink);font-size:9px;letter-spacing:1.7px}
.hero-wow .dot{width:7px;height:7px;background:var(--accent);box-shadow:0 0 0 4px #e2efd9;margin-right:5px}
.hero-wow h1{font-size:clamp(62px,6.9vw,94px);font-weight:650;line-height:1.05;letter-spacing:-6px;margin:27px 0 26px;white-space:nowrap}
.hero-wow h1 em,.section-head h2 em,.cta h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--accent);letter-spacing:-4px}
.hero-wow .lead{font-size:14px;line-height:1.9;max-width:450px;margin-bottom:27px}
.hero-wow .hero-actions{gap:10px}
.hero-wow .hero-benefits{font-size:10px;gap:22px;margin-top:21px}
.hero-explore{display:inline-flex;align-items:center;gap:13px;color:#7c8679;font-size:8px;letter-spacing:1.4px;margin-top:41px;font-weight:600}
.hero-explore>span{display:grid;place-items:center;border:1px solid #d3dccc;border-radius:50%;height:30px;width:30px;font-size:14px;color:var(--ink)}
.connection-art{position:relative;height:555px;min-width:0;isolation:isolate}
.art-halo{position:absolute;inset:70px 5px 65px;border-radius:50%;background:radial-gradient(ellipse at 48% 45%,#e2f3d4 0,#e5efde 40%,#f2f7ed 60%,#fbfcf9 72%);z-index:-1}
.art-halo::after{content:'';position:absolute;inset:-10px;border:1px solid #dbe6d6;border-radius:50%;transform:rotate(-27deg) scaleY(.84)}
.hero-sculpture{position:absolute;display:block;width:100%;height:100%;object-fit:contain;left:0;top:-3px;filter:drop-shadow(0 26px 18px #163e2115);animation:sculpture-float 8s ease-in-out infinite;will-change:transform}
.art-coordinate{position:absolute;left:40px;top:27px;font-size:8px;letter-spacing:2.5px;color:#6e7b68}
.art-tag{position:absolute;display:flex;align-items:center;gap:12px;padding:11px 16px;background:#fff;color:var(--ink);border:1px solid #dce5d7;border-radius:100px;font-size:9px;font-weight:650;letter-spacing:.8px;box-shadow:0 7px 22px #172e1710}
.art-tag>span{font-size:18px;color:var(--accent);line-height:1}
.art-tag-top{right:13px;top:95px;transform:rotate(7deg)}
.art-tag-bottom{left:9px;bottom:104px;transform:rotate(-7deg)}
.commission-chip{position:absolute;right:0;bottom:40px;display:flex;gap:17px;align-items:center;padding:16px 19px;background:var(--lime);color:var(--ink);border:1px solid #c5e978;border-radius:13px;transform:rotate(-5deg);box-shadow:0 8px 20px #243e1114;transition:transform .2s}
.commission-chip:hover{color:var(--ink);transform:rotate(0)}
.commission-chip>strong{font-size:43px;font-weight:650;line-height:1;letter-spacing:-3px;white-space:nowrap}
.commission-chip>strong>span{font-size:27px;letter-spacing:-1px;margin-left:4px}
.commission-chip>span{font-size:7px;line-height:1.9;letter-spacing:.7px;font-weight:700}
.commission-chip>span>span{display:inline-block;font-size:13px;margin-left:4px}
.art-caption{position:absolute;bottom:3px;left:42px;font-size:7px;letter-spacing:2px;color:#8a9384}
.value-strip{display:grid;grid-template-columns:1fr 1.2fr 1.25fr;border-top:1px solid #d8e1d1;border-bottom:1px solid #d8e1d1;padding:23px 0;gap:24px}
.value-strip>div{display:flex;gap:17px;align-items:center;border-right:1px solid #d8e1d1;padding-right:15px}
.value-strip>div:last-child{border:0;padding-right:0}
.value-mark{font-family:Georgia,serif;font-size:34px;color:var(--accent);line-height:1}
.value-strip>div>span:last-child{font-size:10px;color:#7a8475;line-height:1.8}
.value-strip strong{font-size:12px;font-weight:600;color:var(--ink);display:block}
.home-search{grid-template-columns:210px minmax(0,1fr);background:transparent;border:0;border-radius:0;padding:27px 0 0;gap:30px}
.home-search>label{font-size:12px;font-weight:600}
.search{border-radius:100px;padding:5px 5px 5px 20px;background:#fff;border-color:#dbe3d5}
.search .button{border-radius:100px;padding:11px 25px;min-height:43px;font-size:11px;gap:18px}
.search input{font-size:12px}
.section{padding-top:76px}
.section-head{margin-bottom:29px}
.section-head h2{font-size:43px;font-weight:600;letter-spacing:-2px;line-height:1.15;margin-top:13px}
.section-head h2 em{letter-spacing:-1.3px}
.text-link{font-size:11px;font-weight:600;gap:20px}
.text-link>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d4ddcd;border-radius:50%;font-size:16px;color:var(--ink)}
.category-grid{gap:14px}
.home-page .category-card{background:#f0f3ec;border:1px solid #e6eadf;border-radius:17px;min-height:218px;padding:24px;overflow:hidden;transition:background .2s,transform .2s,border-color .2s}
.home-page .category-card:hover{background:#e6efdd;border-color:#c5d2b9;transform:translateY(-4px)}
.home-page .category-card:first-child{background:#17291f;border-color:#17291f;color:#fff}
.home-page .category-card:first-child:hover{background:#234333}
.home-page .category-icon{width:46px;height:46px;color:#477454}
.home-page .category-icon svg{width:37px;height:37px;stroke-width:1.25}
.home-page .category-card:first-child .category-icon{color:#d4fb72}
.home-page .category-card h3{font-size:17px;font-weight:650;letter-spacing:-.5px;margin:30px 0 8px}
.home-page .category-card p{font-size:11px;color:#7b8475;max-width:210px;line-height:1.75}
.home-page .category-card:first-child p{color:#afc2ac}
.home-page .category-number{position:absolute;top:24px;right:24px;font-size:9px;letter-spacing:1px;color:#939c8a}
.home-page .category-card .arrow{top:auto;bottom:22px;right:22px;display:grid;place-items:center;border:1px solid #d3ddc9;border-radius:50%;width:28px;height:28px;font-size:14px;color:#62745b;background:#f0f3ec}
.home-page .category-card p{padding-right:19px}
.home-page .category-card:first-child .arrow{background:#d4fb72;color:#17291f;border-color:#d4fb72}
.job-card,.panel{border-radius:18px;background:#fff}
.empty.wide{background:#f1f5eb;border:1px solid #dfe8d5;border-radius:18px;padding:32px}
.empty.wide .empty-symbol{border-radius:50%;background:#e3edda;border-color:#d3e1c4}
.steps{gap:30px}
.steps article{border-top-color:#b9c7af}
.steps article>span{font-size:11px;color:#8b9682}
.steps article>span>span{font-size:25px;color:var(--accent)}
.steps h3{font-size:23px;font-weight:600;margin:25px 0 14px;letter-spacing:-.9px}
.steps p{font-size:12px;line-height:1.9}
.how{padding-bottom:66px}
.cta{position:relative;isolation:isolate;background:#17291f;border-color:#17291f;overflow:hidden;border-radius:24px;padding:54px;min-height:330px;gap:40px}
.cta::after{content:'✳';position:absolute;z-index:-1;font-size:430px;line-height:1;right:-35px;top:-95px;font-weight:400;color:#264632;transform:rotate(17deg);pointer-events:none}
.cta .eyebrow{color:#c9e5b4;font-size:9px;letter-spacing:1.7px}
.cta h2{font-size:49px;font-weight:500;letter-spacing:-2.1px;line-height:1.15;color:#f5f8ef;margin:22px 0 20px}
.cta h2 em{color:#d4fb72;letter-spacing:-1.5px}
.cta p{font-size:12px;color:#b0c0a8;max-width:440px}
.cta>.button{background:#d4fb72;color:#17291f;position:relative;z-index:1;flex:none}
.cta>.button:hover{background:#e1ff9b}
.faq{padding-top:76px}
.faq h2{font-size:42px;font-weight:600;letter-spacing:-1.8px}
.faq details{padding:24px 0}
.faq summary{font-size:13px;font-weight:600}
.footer{background:#f0f3ec;border-color:#dce3d4;margin-top:80px}
.footer-inner{max-width:1360px;padding:44px 48px 22px}
.footer .brand{border-radius:10px}
.footer-heading{font-size:10px;font-weight:700;letter-spacing:.4px}
.footer-inner>div>a:not(.brand){font-size:11px}
.appnav{max-width:1360px}
@keyframes sculpture-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(1deg)}}
@media(min-width:1500px){.hero-wow{min-height:670px;padding-top:45px;padding-bottom:30px}.connection-art{height:590px}.hero-wow h1{font-size:101px}}
@media(max-width:1150px){
 .container,.header-inner{padding-left:32px;padding-right:32px}.hero-wow{min-height:560px}.hero-wow h1{font-size:clamp(61px,7.2vw,85px);letter-spacing:-5px}.connection-art{height:500px}.hero-wow .lead{font-size:13px}.hero-wow .button{padding:14px 18px;font-size:11px;gap:15px}.hero-explore{margin-top:32px;font-size:7px}.art-tag{padding:9px 12px;font-size:8px}.art-tag-top{top:83px;right:0}.art-tag-bottom{bottom:110px;left:0}.commission-chip{padding:14px;gap:10px;right:0;bottom:45px}.commission-chip>strong{font-size:38px}.commission-chip>span{font-size:6px}.home-page .category-card{padding:21px;min-height:215px}.home-page .category-card h3{font-size:15px}.home-page .category-card p{font-size:10px}.home-page .category-number{top:22px;right:21px}.section-head h2{font-size:37px}.cta{padding:42px}.cta h2{font-size:40px}.cta>.button{font-size:11px;padding:14px 18px;gap:16px}.footer-inner{padding-left:32px;padding-right:32px}
}
@media(max-width:850px){
 .hero-wow{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);min-height:490px;padding-top:20px;padding-bottom:20px}.hero-wow h1{font-size:clamp(48px,7.1vw,64px);letter-spacing:-3.7px;line-height:1.1;margin:24px 0}.hero-wow .lead{font-size:12px;max-width:350px}.hero-wow .lead br{display:none}.hero-wow .hero-actions{gap:8px}.hero-wow .button{font-size:10px;padding:12px 14px;gap:11px;min-height:44px}.hero-wow .hero-benefits{font-size:9px;gap:15px}.hero-wow .eyebrow{font-size:8px;letter-spacing:1px}.hero-explore{margin-top:28px;letter-spacing:.6px}.connection-art{height:430px}.hero-sculpture{top:0}.art-coordinate{font-size:6px;left:20px;top:19px;letter-spacing:1.5px}.art-tag{font-size:6px;gap:7px;padding:8px 10px}.art-tag>span{font-size:14px}.art-tag-top{top:75px}.art-tag-bottom{bottom:93px}.commission-chip{bottom:40px;padding:12px;gap:10px}.commission-chip>strong{font-size:32px}.commission-chip>strong>span{font-size:21px}.commission-chip>span{font-size:5px;letter-spacing:.5px}.commission-chip>span>span{font-size:9px}.art-caption{font-size:5px;left:20px;bottom:13px;letter-spacing:1px}.value-strip{gap:16px;padding:22px 0}.value-strip>div{gap:12px;padding-right:10px}.value-mark{font-size:26px}.value-strip>div>span:last-child{font-size:8px}.value-strip strong{font-size:10px}.home-search{grid-template-columns:150px minmax(0,1fr);gap:20px;padding-top:24px}.section{padding-top:54px}.home-page .category-card{min-height:210px;padding:24px}.home-page .category-card h3{font-size:18px}.home-page .category-card p{font-size:12px}.cta{flex-direction:column;align-items:start;min-height:0;padding:38px;gap:25px}.cta h2{font-size:41px}.cta p{max-width:410px}.cta::after{font-size:360px;right:-100px;top:-20px}.faq{padding-top:54px}.faq h2{font-size:36px}
}
@media(max-width:600px){
 .container,.header-inner{padding-left:20px;padding-right:20px}.header-inner{height:77px}.header .brand-logo{width:120px}.header .brand{padding:8px 10px}.environment{font-size:8px}.hero-wow{grid-template-columns:1fr;gap:0;padding:26px 0 12px;min-height:0}.hero-wow .hero-copy{padding:0}.hero-wow h1{font-size:clamp(43px,11.5vw,68px);line-height:1.12;letter-spacing:-2.8px;margin:23px 0 21px;white-space:normal}.hero-wow .eyebrow{font-size:8px;letter-spacing:1.3px}.hero-wow .lead{font-size:13px;line-height:1.8;max-width:400px;margin-bottom:23px}.hero-wow .hero-actions{gap:9px}.hero-wow .button{font-size:11px;padding:13px 18px;min-height:47px;gap:16px}.hero-wow .hero-benefits{font-size:9px;gap:20px;margin-top:18px}.hero-explore{display:none}.connection-art{height:350px;margin-top:14px}.art-halo{inset:34px 10px 25px}.hero-sculpture{width:100%;height:100%;top:-2px}.art-coordinate{left:9px;top:18px;font-size:6px;letter-spacing:1.8px}.art-tag{font-size:7px;padding:8px 12px}.art-tag-top{top:60px;right:0}.art-tag-bottom{bottom:70px;left:0}.commission-chip{bottom:18px;right:3px;padding:12px 15px;gap:12px}.commission-chip>strong{font-size:33px}.commission-chip>span{font-size:5.5px;line-height:1.9}.art-caption{left:5px;bottom:5px;font-size:5px;letter-spacing:1px}.value-strip{grid-template-columns:1fr;gap:0;padding:5px 0;margin-top:12px}.value-strip>div{padding:14px 0;border-right:0;border-bottom:1px solid #e3e9dc;gap:16px}.value-strip>div:last-child{border:0}.value-strip>div>span:last-child{display:flex;justify-content:space-between;align-items:center;gap:10px;flex:1;font-size:9px}.value-strip strong{font-size:10px;text-align:right}.value-mark{width:22px;font-size:24px;text-align:center;flex:none}.home-search{grid-template-columns:1fr;gap:13px;padding-top:23px}.home-search>label{font-size:12px}.search{gap:8px;padding-left:15px}.search input{font-size:11px}.search .button{min-height:40px;padding:11px 15px;font-size:10px;gap:10px}.section{padding-top:44px}.section-head{margin-bottom:21px;gap:14px}.section-head h2{font-size:30px;letter-spacing:-1.5px;line-height:1.2}.section-head h2 em{letter-spacing:-1px}.section-head .eyebrow{font-size:7px;letter-spacing:1.1px}.text-link{font-size:9px;gap:9px}.text-link>span{width:25px;height:25px;font-size:13px}.category-grid{gap:10px}.home-page .category-card{min-height:192px;padding:18px 15px;border-radius:13px}.home-page .category-icon{width:38px;height:38px}.home-page .category-icon svg{width:30px;height:30px}.home-page .category-card h3{font-size:14px;letter-spacing:-.4px;line-height:1.35;margin-top:26px}.home-page .category-card p{font-size:10px;line-height:1.7;padding-right:10px}.home-page .category-number{font-size:7px;top:20px;right:15px}.home-page .category-card .arrow{width:23px;height:23px;font-size:12px;right:11px;bottom:12px}.empty.wide{padding:24px 21px}.empty.wide h3{font-size:19px}.empty.wide p{font-size:12px}.empty.wide .button{font-size:12px}.steps{gap:26px}.steps h3{font-size:22px;letter-spacing:-.8px;margin:16px 0 11px}.steps p{font-size:12px;line-height:1.9}.how{padding-bottom:42px}.cta{padding:30px 24px;border-radius:18px;gap:24px}.cta h2{font-size:32px;letter-spacing:-1.6px;margin:18px 0}.cta h2 em{letter-spacing:-1px}.cta .eyebrow{font-size:7px;letter-spacing:1.4px}.cta p{font-size:11px;max-width:255px}.cta>.button{font-size:12px;min-height:48px}.cta::after{font-size:260px;right:-85px;top:65px}.faq{padding-top:44px;gap:23px}.faq h2{font-size:33px;letter-spacing:-1.4px}.faq summary{font-size:12px}.faq details{padding:22px 0}.footer{margin-top:52px}.footer-inner{padding:34px 20px 20px}.header .button.small{font-size:10px;padding:10px 13px;min-height:39px}.pricing-grid .panel{border-radius:15px}
}
@media(max-width:360px){
 .container,.header-inner{padding-left:16px;padding-right:16px}.header .brand-logo{width:110px}.hero-wow h1{font-size:41px;letter-spacing:-2.7px}.hero-wow .hero-actions{flex-direction:row;gap:7px}.hero-wow .hero-actions .button{width:auto;font-size:9px;padding:12px 13px;gap:9px;min-height:43px}.hero-wow .lead{font-size:12px}.hero-wow .hero-benefits{font-size:8px;gap:15px}.connection-art{height:300px}.art-tag{font-size:6px;padding:7px 10px}.art-tag-top{top:55px}.art-tag-bottom{bottom:65px}.commission-chip{right:0;bottom:15px;padding:10px 12px;gap:9px}.commission-chip>strong{font-size:29px}.commission-chip>span{font-size:5px}.value-strip strong{font-size:9px}.value-strip>div>span:last-child{font-size:8px}.section-head h2{font-size:27px}.text-link{font-size:8px;gap:6px}.home-page .category-card{padding:17px 13px;min-height:192px}.home-page .category-card h3{font-size:13px}.home-page .category-card p{font-size:9px}.cta h2{font-size:29px}
}
@media(prefers-reduced-motion:reduce){.hero-sculpture{animation:none;will-change:auto}.home-page .category-card,.commission-chip{transition:none}.home-page .category-card:hover{transform:none}}
@media print{.connection-art,.hero-explore{display:none}.hero-wow{display:block;min-height:0}.hero-wow h1{font-size:48px}.cta{background:#fff}.cta h2{color:#14201b}}
/* Keep animated decorative geometry inside the hero at every frame. */
.connection-art{overflow:clip}
.commission-chip{right:8px}
@media(max-width:600px){.commission-chip{right:6px}}