:root{color-scheme:light;--bg:#f7f5f0;--surface:#fffdf8;--surface-strong:#ffffff;--ink:#161616;--muted:#66645d;--line:#ded8cc;--accent:#0e7c66;--accent-2:#315fba;--warn:#b46800;--bad:#b42318;--good:#087443;--shadow:0 18px 50px rgba(30,25,15,0.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Hiragino Sans,Yu Gothic,Meiryo,sans-serif}a{color:inherit;text-decoration:none}main{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;border-right:1px solid var(--line);background:rgba(255,253,248,.94);padding:24px 18px}.brand{display:flex;gap:12px;align-items:center;margin-bottom:26px}.brand small,.brand strong{display:block}.brand small{color:var(--muted);margin-top:2px}nav{display:grid;gap:4px}nav a{border-radius:6px;color:var(--muted);padding:10px 12px;font-size:14px}nav a:hover{background:#efebe1;color:var(--ink)}.shell{margin-left:236px;padding:28px}.hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:end;min-height:340px;border-bottom:1px solid var(--line);padding:34px 0 38px}.hero h1{max-width:880px;margin:0;font-size:clamp(40px,6vw,76px);line-height:.96;letter-spacing:0}.hero p{max-width:760px;margin:22px 0 0;color:var(--muted);font-size:17px;line-height:1.8}.dp-eyebrow,.eyebrow{margin:0 0 10px;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:0}.status-panel{display:grid;gap:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);padding:18px;box-shadow:var(--shadow)}.status-panel strong{font-size:18px}.status-panel span:last-child{color:var(--muted);font-size:14px;line-height:1.6}.loop-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:24px 0}.dp-section{padding:44px 0;border-top:1px solid var(--line)}.dp-section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.dp-section h2{margin:0;font-size:28px;letter-spacing:0}.card,.dp-metric,.panel,.setting{min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.dp-metric{min-height:128px;padding:16px}.dp-metric p,.dp-metric span{color:var(--muted)}.dp-metric p{margin:0 0 14px;font-size:13px}.dp-metric strong{display:block;margin-bottom:12px;font-size:34px;line-height:1}.dp-metric-good{border-top:4px solid var(--good)}.dp-metric-warn{border-top:4px solid var(--warn)}.dp-metric-info{border-top:4px solid var(--accent-2)}.dp-badge{display:inline-flex;align-items:center;min-height:24px;border:1px solid transparent;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;white-space:nowrap}.dp-badge-neutral{background:#ece7dc;color:#4c4841}.dp-badge-good{background:#dff4e7;color:var(--good)}.dp-badge-warn{background:#fff0d6;color:var(--warn)}.dp-badge-bad{background:#ffe4e0;color:var(--bad)}.dp-badge-info{background:#e4edff;color:var(--accent-2)}.table{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface-strong)}.row,.table{display:grid}.row{grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:16px;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.card span,.card strong,.row span,.row strong{overflow-wrap:anywhere}.card p,.row span,.setting p,.task span{color:var(--muted)}.row span{display:block;margin-top:4px;font-size:14px}.row-meta{display:flex;gap:8px;align-items:center;justify-content:flex-end;text-align:right}.row-meta.wide{max-width:420px}.cards{display:grid;gap:14px}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{display:grid;gap:13px;align-content:start;padding:18px}.card.compact{min-height:160px}.card-head{display:flex;gap:10px;align-items:center;justify-content:space-between}.card h3,.panel h3{margin:0;font-size:18px;line-height:1.35}.card label{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.card p{margin:0;line-height:1.7;word-break:break-word}.card code,.card p{overflow-wrap:anywhere}.card code{display:block;border-radius:6px;background:#f0ece3;padding:10px;color:#34312c;font-size:12px}.warn-text{color:var(--warn)!important}.mini-metrics,.tags{display:flex;flex-wrap:wrap;gap:6px}.mini-metrics span,.tags span{border-radius:999px;background:#f0ece3;padding:5px 8px;font-size:12px}.dp-progress{height:8px;border-radius:999px;background:#e9e2d7;overflow:hidden}.dp-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.split{display:grid;grid-template-columns:360px minmax(0,1fr);gap:14px}.panel{padding:18px}.panel ol{margin:14px 0 0;padding-left:22px;color:var(--muted);line-height:1.9}.task{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.task:last-child{border-bottom:0}.task span,.task strong{display:block}.task span{margin-top:3px;font-size:13px}.settings-grid{display:grid;gap:12px}.setting{display:grid;grid-template-columns:minmax(0,1fr) auto 190px;gap:14px;align-items:center;padding:16px}.setting p{margin:5px 0 0;line-height:1.6}.setting>span:last-child{color:var(--muted);font-size:13px;text-align:right}.dp-empty{border:1px dashed var(--line);border-radius:8px;padding:22px;color:var(--muted)}@media (max-width:1100px){.sidebar{position:static;width:auto;border-right:0;border-bottom:1px solid var(--line)}nav{grid-template-columns:repeat(5,minmax(0,1fr))}.shell{margin-left:0}.hero,.split{grid-template-columns:1fr}.cards.three,.loop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.shell,.sidebar{padding:18px}.cards.three,.cards.two,.loop-grid,nav{grid-template-columns:1fr}.hero{min-height:auto;padding-top:14px}.hero h1{font-size:40px}.row,.setting,.task{grid-template-columns:1fr}.row-meta,.setting>span:last-child{justify-content:flex-start;text-align:left}}.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh;margin-left:0;padding:0}.shell>.sidebar{position:sticky;top:0;height:100vh;width:auto}.main{min-width:0;padding:28px}.mark{width:42px;height:42px;flex:0 0 auto}.brand-icon{filter:drop-shadow(0 8px 16px rgba(9,82,45,.14))}.nav a{display:flex;align-items:center;gap:10px}.nav a.active{background:#efebe1;color:var(--ink)}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid var(--line);padding:8px 0 28px;margin-bottom:24px}.topbar h1{max-width:900px;margin:0;font-size:clamp(32px,5vw,58px);line-height:1.08;letter-spacing:0}.topbar>.button,.topbar>a,.topbar>button{flex:0 0 auto;margin-top:6px}.muted{color:var(--muted);line-height:1.7}.stack{display:grid;gap:12px}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;margin-bottom:18px}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.panel{background:var(--surface);min-width:0;overflow-wrap:anywhere}.panel h2{margin:0 0 14px}.metric strong{display:block;margin-top:10px;font-size:42px;line-height:1}.row{display:flex;justify-content:space-between;gap:14px;align-items:center;min-width:0}.row h2,.row h3{margin:0;min-width:0;overflow-wrap:anywhere}.badge{display:inline-flex;align-items:center;border-radius:999px;background:#ece7dc;color:#4c4841;padding:4px 9px;font-size:12px;font-weight:700;white-space:nowrap}.badge.green{background:#dff4e7;color:var(--good)}.badge.yellow{background:#fff0d6;color:var(--warn)}.badge.red{background:#ffe4e0;color:var(--bad)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid var(--ink);border-radius:6px;background:var(--ink);color:white;padding:0 14px;font-weight:700;text-align:center;overflow-wrap:anywhere}.button.secondary{border-color:var(--line);background:var(--surface-strong);color:var(--ink)}.form{display:grid;gap:12px}.form label{gap:7px}.form-message{line-height:1.6}.approval-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.approval-actions .button{min-height:34px;padding:0 11px}.form label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:700}.form-message{margin:0;color:var(--good);font-size:13px}.form-message.error{color:var(--bad)}.input,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:6px;background:var(--surface-strong);color:var(--ink);padding:11px 12px;font:inherit}.textarea{min-height:170px;resize:vertical}.table{width:100%;border-collapse:collapse;table-layout:fixed}.table td,.table th{border-bottom:1px solid var(--line);padding:11px;text-align:left;vertical-align:top;overflow-wrap:anywhere}.table th{color:var(--muted);font-size:12px;letter-spacing:0}@media (max-width:980px){.shell{grid-template-columns:1fr}.shell>.sidebar{position:static;height:auto}.grid{grid-template-columns:1fr}.span-3,.span-4,.span-5,.span-6,.span-7{grid-column:auto}.row,.topbar{align-items:flex-start;flex-direction:column}.table{display:block;overflow-x:auto;table-layout:auto}}.lp{min-height:100vh;background:radial-gradient(circle at 78% 8%,rgba(0,129,72,.08),transparent 26%),linear-gradient(180deg,#ffffff,#fbfcfa 46%,#f6faf7);color:#0d1411}.lp-nav{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:center;min-height:72px;border-bottom:1px solid #e5ebe6;background:rgba(255,255,255,.94);padding:0 34px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.lp-cta,.lp-hero-actions,.lp-logo,.lp-mobile-section li,.lp-nav nav,.lp-nav-actions,.lp-proof-row,.lp-quality-card p{display:flex;align-items:center}.lp-logo{gap:10px;font-size:23px}.lp-logo-icon{width:36px;height:36px;flex:0 0 auto;filter:drop-shadow(0 8px 18px rgba(7,92,47,.16))}.lp-nav nav{justify-content:center;gap:34px;color:#1f2d26;font-size:14px;font-weight:700}.lp-hero-actions,.lp-nav-actions{gap:14px}.lp-button{justify-content:center;gap:10px;min-height:44px;border:1px solid #c6d1ca;border-radius:7px;padding:0 20px;font-weight:800;white-space:nowrap}.lp-button.primary{border-color:#087a3c;background:linear-gradient(180deg,#12994e,#087a3c);color:white;box-shadow:0 12px 26px rgba(8,122,60,.19)}.lp-button.secondary{background:white;color:#17231d}.lp-button.large{min-width:188px;min-height:58px;font-size:16px}.lp-hero{display:grid;grid-template-columns:minmax(360px,.88fr) minmax(520px,1.12fr);gap:48px;align-items:center;max-width:1360px;margin:0 auto;padding:70px 34px 58px}.lp-kicker{margin:0 0 22px;color:#142019;font-size:28px;font-weight:800}.lp-hero h1{margin:0;font-size:clamp(54px,6.8vw,82px);line-height:1.12;letter-spacing:0}.lp-lead{max-width:640px;margin:28px 0 0;color:#37443d;font-size:18px;line-height:1.95}.lp-hero-actions{margin-top:34px}.lp-proof-row{flex-wrap:wrap;gap:24px;margin-top:42px;color:#34423a;font-size:13px}.lp-proof-row span{display:grid;gap:8px;justify-items:center;min-width:86px;text-align:center}.lp-product-visual{position:relative;min-height:620px}.lp-desktop{overflow:hidden;border:1px solid #dfe7e2;border-radius:9px;background:#fff;box-shadow:0 30px 70px rgba(16,31,24,.12)}.lp-window-head{display:flex;justify-content:space-between;align-items:center;height:54px;border-bottom:1px solid #edf2ef;padding:0 18px}.lp-list-row em,.lp-window-head span{border-radius:999px;background:#edf8f1;color:#087a3c;padding:5px 10px;font-size:12px;font-style:normal;font-weight:800}.lp-app-grid{display:grid;grid-template-columns:132px minmax(0,1fr);min-height:500px}.lp-app-grid aside{display:grid;align-content:start;gap:8px;border-right:1px solid #edf2ef;background:#f7faf8;padding:18px 12px}.lp-app-grid aside span{border-radius:6px;padding:10px;color:#425047;font-size:12px;font-weight:700}.lp-app-grid aside span:first-child{background:#e8f3ed;color:#087a3c}.lp-app-grid section{display:grid;gap:16px;padding:22px}.lp-feature-card,.lp-insight-grid article,.lp-panel{border:1px solid #e0e8e3;border-radius:8px;background:#fff;box-shadow:0 12px 35px rgba(18,35,26,.06)}.lp-panel{padding:18px}.lp-list-row,.lp-panel-title{display:flex;justify-content:space-between;gap:16px;align-items:center}.lp-panel-title{margin-bottom:12px}.lp-panel-title span{color:#66756d;font-size:13px}.lp-list-row{border-top:1px solid #edf2ef;padding:14px 0}.lp-list-row:first-of-type{border-top:0}.lp-list-row small,.lp-list-row strong{display:block}.lp-list-row strong{line-height:1.45}.lp-list-row small{margin-top:5px;color:#66756d;font-size:12px}.lp-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lp-panel.score strong{display:block;margin-top:10px;color:#0b8f47;font-size:58px;line-height:1}.lp-panel.score strong small{color:#0b8f47;font-size:20px}.lp-line-chart{position:relative;height:88px;margin-top:18px;background:linear-gradient(180deg,transparent 23px,#eef4f0 24px,transparent 25px)}.lp-line-chart span{position:absolute;inset:28px 10px 18px 10px;border-right:3px solid #0b8f47;border-bottom:3px solid #0b8f47;transform:skew(-28deg) rotate(-8deg)}.lp-panel.quality{display:grid;place-items:center;gap:10px;text-align:center}.lp-panel.quality svg,.lp-quality-card svg{color:#0b8f47}.lp-phone{position:absolute;right:-22px;bottom:26px;width:238px;min-height:462px;border:8px solid #0b0d0c;border-radius:36px;background:#fff;box-shadow:0 24px 44px rgba(0,0,0,.22);padding:22px 13px 16px}.lp-phone:before,.lp-small-phone:before{content:"";position:absolute;top:7px;left:50%;width:78px;height:18px;border-radius:999px;background:#0b0d0c;transform:translateX(-50%)}.lp-phone-top{margin:16px 0 14px;font-weight:800}.lp-phone-task{display:grid;gap:7px;border:1px solid #e1e9e4;border-radius:8px;padding:11px;margin-bottom:10px}.lp-phone-task strong,.lp-small-phone strong{font-size:13px;line-height:1.5}.lp-phone-task small{color:#66756d;font-size:11px}.lp-phone-task div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lp-phone-task div span{display:grid;place-items:center;min-height:34px;border:1px solid #d6e0da;border-radius:6px;background:#fff;font-size:11px;font-weight:800}.lp-phone-task div span:last-child{border-color:#087a3c;background:#087a3c;color:#fff}.lp-section{max-width:1360px;margin:0 auto;border-top:1px solid #e4ebe6;padding:58px 34px}.lp-section h2{margin:0 0 32px;text-align:center;font-size:clamp(30px,4vw,42px);line-height:1.25}.lp-step-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.lp-step{display:grid;gap:10px;justify-items:center;text-align:center}.lp-step span{display:grid;place-items:center;width:52px;height:52px;border:1px solid #bad9c7;border-radius:14px;color:#087a3c;font-weight:900}.lp-cta p,.lp-mobile-section p,.lp-step p{color:#4d5d54;line-height:1.85}.lp-feature-grid{display:grid;grid-template-columns:1.14fr .95fr .95fr;gap:18px}.lp-feature-card{min-height:340px;padding:22px}.lp-feature-card h3,.lp-insight-grid h3{margin:0 0 18px}.lp-graph{position:relative;overflow:hidden}.lp-graph:before{content:"";position:absolute;inset:84px 52px 60px;border:1px dashed #bac8c0;border-radius:50%}.lp-graph-core{position:absolute;top:154px;left:50%;display:grid;place-items:center;width:128px;height:128px;border:2px solid #087a3c;border-radius:50%;background:#f5fbf7;font-weight:900;text-align:center;transform:translateX(-50%)}.node{position:absolute;border:1px solid #dfe8e2;border-radius:8px;background:#fff;padding:10px 12px;color:#3c4b43;font-size:13px;font-weight:800;box-shadow:0 10px 28px rgba(17,34,25,.07)}.node-1{top:80px;left:40px}.node-2{top:104px;right:30px}.node-3{top:230px;right:54px}.node-4{bottom:54px;left:50px}.node-5{bottom:76px;right:28px}.lp-quality-card{display:grid;align-content:start}.lp-quality-card p{gap:8px;margin:8px 0;color:#34423a}.lp-quality-card div{display:grid;justify-items:center;gap:8px;margin-top:18px;text-align:center}.lp-quality-card div strong{color:#0b8f47;font-size:28px}.lp-mobile-section{display:grid;grid-template-columns:.78fr 1.22fr;gap:34px;align-items:center}.lp-mobile-section h2{text-align:left}.lp-mobile-section ul{display:grid;gap:14px;margin:26px 0 0;padding:0;list-style:none}.lp-mobile-section li{gap:12px;color:#16231c;font-weight:800}.lp-mobile-section li svg{flex:0 0 auto;border-radius:6px;background:#0b8f47;color:white;padding:3px}.lp-phone-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.lp-small-phone{position:relative;display:grid;gap:18px;min-height:320px;border:7px solid #0b0d0c;border-radius:32px;background:#fff;padding:42px 14px 20px;box-shadow:0 16px 32px rgba(0,0,0,.16)}.lp-small-phone span{font-weight:800}.lp-small-phone div{align-self:end;border-radius:7px;padding:12px;text-align:center;font-weight:900}.lp-small-phone .ok{background:#087a3c;color:white}.lp-small-phone .danger{background:#e74d35;color:white}.lp-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.lp-insight-grid article{padding:22px}.lp-insight-grid p{display:flex;justify-content:space-between;border-bottom:1px solid #edf2ef;margin:0;padding:13px 0;color:#34423a}.lp-chart-bars{display:flex;align-items:end;gap:14px;height:178px;padding-top:20px}.lp-chart-bars span{flex:1 1;border-radius:999px 999px 0 0;background:linear-gradient(180deg,#20a261,#cbeed8)}.lp-cta{justify-content:space-between;gap:24px;max-width:1288px;margin:0 auto 48px;border:1px solid #b6ddc5;border-radius:8px;background:#f7fffa;padding:30px 34px}.lp-cta h2{margin:0;font-size:clamp(24px,3vw,34px)}.lp-cta p{margin:10px 0 0}.lp-footer{border-top:1px solid #dfe8e3;background:linear-gradient(180deg,#ffffff,#f4fbf7),radial-gradient(circle at 92% 16%,rgba(16,153,80,.12),transparent 28%);color:#14231b;padding:56px 34px 34px}.lp-footer-main{display:grid;grid-template-columns:minmax(280px,.86fr) minmax(0,1.14fr);gap:56px;max-width:1288px;margin:0 auto}.lp-footer-brand{display:grid;align-content:start;gap:20px}.lp-footer-brand .lp-logo{justify-content:flex-start}.lp-footer-brand p{max-width:460px;margin:0;color:#4b5d53;line-height:1.9}.lp-footer-badges{display:flex;flex-wrap:wrap;gap:10px}.lp-footer-badges span{display:inline-flex;align-items:center;gap:7px;border:1px solid #cfe3d6;border-radius:999px;background:#ffffff;color:#087a3c;padding:8px 11px;font-size:13px;font-weight:800}.lp-footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.lp-footer-links div{display:grid;align-content:start;gap:11px}.lp-footer-links h3{margin:0 0 5px;color:#0f1c16;font-size:14px}.lp-footer-links a,.lp-footer-links span{color:#53655b;font-size:14px;line-height:1.45}.lp-footer-links a:hover{color:#087a3c}.lp-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;max-width:1288px;border-top:1px solid #dfe8e3;margin:42px auto 0;padding-top:22px;color:#617267;font-size:13px}@media (max-width:1180px){.lp-nav{grid-template-columns:1fr auto}.lp-nav nav{display:none}.lp-hero,.lp-mobile-section{grid-template-columns:1fr}.lp-product-visual{min-height:560px}.lp-phone{right:18px}.lp-phone-strip,.lp-step-row{grid-template-columns:repeat(3,minmax(0,1fr))}.lp-feature-grid,.lp-footer-main{grid-template-columns:1fr}.lp-footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.lp-nav{position:static;grid-template-columns:1fr;gap:12px;padding:16px 20px}.lp-cta,.lp-hero-actions,.lp-nav-actions{align-items:stretch;flex-direction:column}.lp-button{width:100%}.lp-hero,.lp-section{padding-right:20px;padding-left:20px}.lp-hero{padding-top:44px}.lp-kicker{font-size:22px}.lp-hero h1{font-size:46px}.lp-lead{font-size:16px}.lp-product-visual{min-height:auto}.lp-app-grid,.lp-insight-grid,.lp-mini-grid,.lp-phone-strip,.lp-step-row{grid-template-columns:1fr}.lp-desktop{border-radius:8px}.lp-app-grid aside{display:none}.lp-phone{position:relative;right:auto;bottom:auto;width:min(100%,270px);margin:22px auto 0}.lp-feature-card{min-height:300px}.node{position:static;display:block;margin:8px 0}.lp-graph-core,.lp-graph:before{display:none}.lp-footer{padding:42px 20px 28px}.lp-footer-links{grid-template-columns:1fr}.lp-footer-bottom{flex-direction:column}}