/* Pidjob: the work on site and the owner's view, visibly connected. */
:root{--m-forest:#123b32;--m-ink:#193b32;--m-stone:#f5f7f3;--m-brass:#bca56d}
.site-header{background:#fff;border-bottom:1px solid #dfe7e1}.site-header .brand img{filter:none}.site-header nav a,.site-header .login-link{color:var(--m-ink)}.site-header .nav-actions .button{background:var(--m-forest);color:white}.site-header .menu-toggle{color:var(--m-ink);border-color:#c4d0c7}.m16-hero{position:relative;isolation:isolate;overflow:hidden;background:#102e27;color:#fff}.m16-hero-layout{display:grid;grid-template-columns:1fr 1.08fr;gap:48px;align-items:center;padding-block:64px 46px;min-height:700px;position:relative}.m16-hero-copy{position:relative;z-index:2;padding-bottom:24px}.m16-audience-note{font-size:14px;color:#c7d6c9;display:flex;align-items:center;gap:10px;margin:0 0 24px}.m16-audience-note>span{width:22px;height:2px;background:var(--m-brass)}.m16-hero h1{font-size:clamp(44px,4.8vw,64px);letter-spacing:-1.9px;line-height:1.3;color:white;font-weight:600;margin:0 0 24px}.m16-lead{font-size:17px;line-height:1.95;color:#d1dfd7;margin-bottom:28px}.m16-hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.m16-hero-actions .button{color:#152e25;background:#dcc387;border:1px solid #e3ce9b;box-shadow:0 7px 25px #071e1b55;padding:16px 24px}.m16-hero-actions .button:hover{background:#ebd7a4;transform:translateY(-2px)}.m16-demo-link{font-size:13px;color:#e4ece6;display:flex;gap:8px;align-items:center}.m16-demo-link>span{font-size:22px}.m16-trial-note{font-size:12px;color:#a6bbb1;margin-top:14px}.m16-product-truth{display:flex;gap:22px;padding-top:28px;margin-top:28px;border-top:1px solid #ffffff20;font-size:13px;color:#d3dfd5;flex-wrap:wrap}.m16-product-truth>span{display:flex;gap:9px;align-items:center}.m16-product-truth svg{width:20px;height:20px;fill:none;stroke:#c8b47e;stroke-width:1.5}
.m16-workers{position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.14}.m16-workers:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102e27e8,transparent 70%),linear-gradient(0deg,#102e27,transparent 55%)}.m16-workers svg{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.m16-worker-arm{transform-box:fill-box;transform-origin:10% 90%;animation:m16-work 2.2s ease-in-out infinite alternate}.m16-worker-two{animation-delay:-1.1s}.m16-worker-body{animation:m16-sway 3.6s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 100%}@keyframes m16-work{to{transform:rotate(-25deg)}}@keyframes m16-sway{to{transform:rotate(3deg)}}
.m16-live-example{position:relative;min-height:610px;z-index:2}.m16-example-caption{display:flex;align-items:center;justify-content:space-between;color:#d3dfd7;font-size:12px;padding:0 8px 14px}.m16-example-caption small{font-size:10px;border:1px solid #ffffff30;border-radius:4px;padding:2px 7px}.m16-owner-window{position:absolute;left:0;right:24px;top:38px;background:#fafcf9;color:#203d32;border-radius:12px;border:1px solid #ffffff80;box-shadow:0 24px 70px #04181066;overflow:hidden}.m16-owner-title{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe8df;font-size:13px}.m16-owner-title>div{display:flex;align-items:center;gap:8px}.m16-owner-title img{width:28px;height:28px;object-fit:contain}.m16-live-tag{font-size:10px;display:flex;align-items:center;gap:5px;color:#678172}.m16-live-tag i{width:5px;height:5px;background:#398961;border-radius:50%}.m16-owner-project{display:flex;justify-content:space-between;align-items:center;padding:17px 20px 10px;font-size:13px;font-weight:600}.m16-owner-project small{font-size:10px;font-weight:400;color:#718376}.m16-job-row{padding:15px 18px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid #e9eee8;font-size:12px}.m16-job-row b{display:block;font-weight:600}.m16-job-row small{font-size:10px;display:block;color:#6c7d72;margin-top:3px}.m16-selected-job{background:#f0f5ed}.m16-job-glyph{width:28px;height:28px;display:grid;place-items:center;border:1px solid #d6e1d8;border-radius:6px;color:#577b61}.m16-status{font-size:10px;white-space:nowrap;padding:4px 8px;border-radius:20px;border:1px solid transparent}.m16-status.pending{color:#8b662a;background:#f7ecd3;border-color:#eadab6}.m16-status.doing{color:#446577;background:#e9f0f4;border-color:#d9e4eb}.m16-status.done{color:#24714e;background:#e7f0e8;border-color:#cddfce}.m16-status.review{color:#815c21;background:#fff1cf;border-color:#e4cea1}.m16-owner-follow{display:flex;gap:8px;align-items:center;padding:12px 18px;color:#698273;font-size:10px;min-height:50px}.m16-owner-follow p{margin:0;max-width:215px}.m16-notice-dot{width:6px;height:6px;background:#b19b62;border-radius:100%;flex-shrink:0}.m16-phone{position:absolute;top:228px;right:-10px;width:258px;border:6px solid #203e34;border-radius:24px;background:white;box-shadow:0 18px 45px #061c1766;overflow:hidden;color:#20372e;transform:rotate(2deg)}.m16-line-top{display:flex;align-items:center;justify-content:space-between;padding:12px 13px 10px;gap:12px;background:#fff}.m16-line-top>div{flex:1}.m16-line-top b{font-size:13px;display:block}.m16-line-top small{display:block;font-size:9px;color:#829388}.m16-line-top>span{font-size:21px}.m16-chat{background:#dbe7df;padding:10px 12px 12px;min-height:255px}.m16-chat-today{font-size:8px;display:block;text-align:center;color:#688174;margin-bottom:8px}.m16-chat-card{background:white;border-radius:9px;overflow:hidden;box-shadow:0 2px 4px #234f3312}.m16-chat-brand{display:flex;gap:6px;align-items:center;background:#123b32;color:white;padding:10px;font-size:9px;font-weight:600}.m16-chat-brand img{width:18px;height:18px;background:white;border-radius:100%}#m16-chat-body{padding:14px 12px;min-height:196px}#m16-chat-body h2{font-size:16px;margin:4px 0 9px;line-height:1.5;color:#203b30}#m16-chat-body p{font-size:10px;line-height:1.9;color:#64796a;margin-bottom:12px}.m16-chat-label{font-size:9px;color:#728572}.m16-chat-button{display:block;width:100%;padding:10px 5px;background:#167447;border:0;color:white;font-family:inherit;font-size:12px;border-radius:5px;min-height:38px;cursor:pointer}.m16-chat-button:hover{background:#0f623b}.m16-chat-helper{font-size:8px;color:#627d69;line-height:1.7;margin:8px 2px 0}.m16-compose{display:flex;align-items:center;gap:8px;padding:10px;font-size:17px;background:white}.m16-compose>span:nth-child(3){flex:1;background:#f3f5f3;border:1px solid #edf1ed;border-radius:20px;color:#9baa9c;padding:3px 10px;font-size:9px}.m16-demo-footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#a4b9ab}.m16-demo-footer button{background:none;border:0;padding:8px 0;color:#d3decf;font-family:inherit;font-size:10px;text-decoration:underline;cursor:pointer;min-height:36px}.m16-sample-photos{display:flex;gap:4px;margin:8px 0}.m16-sample-photos img{width:31%;height:42px;object-fit:cover;border-radius:3px}.m16-sent-check{display:grid;place-items:center;background:#eaf3e9;color:#27724a;width:30px;height:30px;border-radius:100%;font-size:18px;margin-bottom:8px}.m16-hero-bottom{position:relative;border-top:1px solid #ffffff22;padding-block:24px 28px;display:flex;justify-content:space-between;align-items:center;color:#b7c8bd;font-size:12px}.m16-hero-bottom p{color:#d0c29a;margin:0;font-weight:500}.m16-hero-bottom>div{display:flex;gap:28px}.m16-motion-toggle{border:1px solid #ffffff35;background:#15382c80;color:#bdcfc1;border-radius:5px;font:inherit;font-size:10px;cursor:pointer;padding:7px 10px;min-height:36px;margin-top:18px}.m16-motion-paused .m16-workers *{animation-play-state:paused!important}.m16-motion-paused .m16-workers{opacity:.1}.m16-boq-limit{background:#eff4ed;border:1px solid #dbe5d6;border-radius:5px;padding:9px 12px;font-size:13px;color:#254e39;margin-bottom:14px}.featured .m16-boq-limit{background:#ffffff12;border-color:#ffffff30;color:inherit}.price{font-variant-numeric:tabular-nums;white-space:nowrap}.m16-pricing-trial{text-align:center;color:#597461;font-size:13px;margin-top:22px}.m16-preview-notice{background:#f1e9d3;color:#584721;text-align:center;font-size:11px;padding:7px 18px}.m16-preview-notice a{text-decoration:underline;color:inherit}
@media(min-width:1450px){.m16-hero-layout{gap:64px}}
@media(max-width:1100px){.m16-hero-layout{gap:28px;grid-template-columns:1fr 1fr}.m16-hero h1{font-size:49px}.m16-lead{font-size:15px}.m16-phone{right:-5px;width:240px}.m16-owner-window{right:0}.m16-demo-footer{font-size:8px}.m16-demo-footer button{font-size:9px}.site-header nav{gap:14px}.site-header nav a{font-size:12px}.site-header .nav-actions{gap:10px}}
@media(max-width:900px){.m16-hero-layout{grid-template-columns:1fr;gap:24px;min-height:0;padding-top:44px;padding-bottom:28px;max-width:700px}.m16-hero-copy{padding:0}.m16-hero h1{font-size:51px}.m16-lead{font-size:16px}.m16-product-truth{margin-top:20px;padding-top:20px}.m16-live-example{width:100%;max-width:540px;justify-self:center;min-height:610px}.m16-phone{width:258px;right:0}.m16-owner-window{right:25px}.m16-hero-bottom{flex-direction:column;gap:12px;align-items:flex-start}.m16-hero-bottom>div{gap:20px;flex-wrap:wrap}.m16-workers{opacity:.1}.site-header nav.open{background:#fff}.site-header nav.open a{color:var(--m-ink)}.m16-demo-footer{font-size:10px}.m16-demo-footer button{font-size:11px}}
@media(max-width:520px){.container{width:calc(100% - 40px)}.m16-hero-layout{padding-top:34px}.m16-audience-note{font-size:11px;margin-bottom:19px}.m16-hero h1{font-size:44px;letter-spacing:-1px;margin-bottom:18px}.m16-lead{font-size:14px;line-height:1.95}.m16-desktop-break{display:none}.m16-hero-actions{gap:17px}.m16-hero-actions .button{width:100%;justify-content:center;font-size:16px}.m16-demo-link{padding-block:5px}.m16-trial-note{font-size:11px}.m16-product-truth{gap:16px;font-size:11px}.m16-live-example{min-height:651px;margin-top:8px}.m16-owner-window{top:35px;right:0}.m16-owner-title{padding:12px}.m16-owner-project{padding:13px 12px 8px}.m16-job-row{padding:12px 10px;gap:7px;grid-template-columns:24px 1fr auto}.m16-job-row b{font-size:11px}.m16-job-row small{font-size:9px}.m16-status{font-size:9px;padding:4px 6px}.m16-job-glyph{width:24px;height:25px}.m16-owner-follow{padding:12px;min-height:60px;align-items:flex-start}.m16-owner-follow p{max-width:114px;font-size:9px}.m16-phone{top:270px;right:4px;width:237px;transform:rotate(1deg)}.m16-chat-button{min-height:44px}.m16-demo-footer{bottom:0;align-items:flex-start;flex-direction:column;gap:0;font-size:9px}.m16-demo-footer button{font-size:11px}.m16-hero-bottom{font-size:10px;padding-block:20px}.m16-hero-bottom>div{gap:14px}.site-header .nav-actions>.button{display:none}.site-header .nav-wrap{gap:10px;min-height:72px}.site-header .brand img{width:115px}.m16-sample-photos img{height:39px}}
/* Explicit text tokens keep the featured plan readable on its dark surface. */
.price-card.featured{background:#173f32;color:#fff;border-color:#305c48}
.price-card.featured h3,.price-card.featured .price,.price-card.featured .plan-limit b{color:#fff}
.price-card.featured .plan-name{color:#e7d39c}
.price-card.featured .plan-for,.price-card.featured .plan-limit,.price-card.featured .price>span,.price-card.featured .check-list,.price-card.featured .plan-footer{color:#d5e3d9}
.price-card.featured .check-list li:before{color:#dfcf95}
.price-card.featured .plan-footer{border-top-color:#51715d}
.price-card.featured .m16-boq-limit{color:#fff;background:#244f40;border-color:#51715d}
.price-card.featured .button{background:#e4cb8c;color:#15372b;border-color:#e4cb8c}
.price-card.featured .button:hover{background:#f1ddaa;border-color:#f1ddaa;color:#15372b}
.price-card.featured .recommended{background:#e4cb8c;color:#15372b;border:1px solid #efdba8}
@media(prefers-reduced-motion:reduce){.m16-workers *{animation:none!important}.m16-hero-actions .button:hover{transform:none}}

/* The LINE contact action is visible at entry and throughout the page. */
.pj-line-mark{display:grid;place-items:center;background:#fff;color:#067c37;border-radius:9px;width:38px;height:30px;position:relative;font-family:Arial,sans-serif;font-size:10px;font-weight:800;letter-spacing:.2px;flex-shrink:0}.pj-line-mark:after{content:'';position:absolute;bottom:-3px;left:9px;width:8px;height:8px;background:#fff;transform:skewY(-30deg);border-radius:0 0 2px 0}.m16-line-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:54px;padding:12px 20px;background:#06c755;color:#063d25!important;font-weight:700;font-size:15px;text-decoration:none;border:1px solid #00aa47;border-radius:9px;box-shadow:0 6px 19px #06963e24;transition:background .2s,box-shadow .2s}.m16-line-button:hover{background:#1bdc68;box-shadow:0 8px 22px #06963e35}.m16-line-button:focus-visible,.m16-line-float:focus-visible{outline:3px solid #c8a35c;outline-offset:4px}.m16-nav-line{min-height:40px;padding:8px 12px;gap:7px;font-size:12px}.m16-nav-line .pj-line-mark{width:29px;height:24px;font-size:8px}.m16-hero-actions{flex-wrap:wrap}.m16-hero-actions>.m16-demo-link{flex-basis:100%;margin-top:0}.float-line.m16-line-float{display:flex;background:#06c755!important;color:#063d25!important;border:1px solid #00aa47;border-radius:16px;padding:13px 19px;min-height:64px;gap:12px;box-shadow:0 8px 26px #064f302d;font-size:15px;text-decoration:none}.m16-line-float>span:nth-child(2){line-height:1.4}.m16-line-float b{display:block;font-size:12px;font-weight:600}.m16-line-float:hover{background:#19dc67!important}@media(max-width:1100px){.m16-nav-line{display:none}}@media(max-width:760px){.float-line.m16-line-float{display:none}.mobile-cta{display:flex;gap:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom));align-items:stretch}.mobile-cta>.m16-mobile-line{flex:1;background:#06c755;color:#063d25!important;border-color:#00aa47;min-height:49px;padding:10px 12px;gap:8px;font-size:13px}.m16-mobile-line .pj-line-mark{width:31px;height:24px;font-size:8px}.mobile-cta>.button{flex:1;min-height:49px;display:flex;align-items:center;justify-content:center;padding-inline:12px}.m16-hero-line{min-height:54px}.m16-hero-actions>.m16-demo-link{font-size:13px}}@media(prefers-reduced-motion:reduce){.m16-line-button{transition:none}}