:root{--bg:#f5f6f8;--panel:#fff;--text:#111827;--muted:#667085;--line:#e4e7ec;--primary:#085cc8;--danger:#c0392b;--ok:#1a7f37;--warn:#b25e09;--radius:8px}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif;font-size:15px;line-height:1.7}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1{margin:0 0 16px;font-size:22px}h2{margin:0 0 12px;font-size:17px}.container{max-width:1080px;margin:0 auto;padding:0 16px}.header{background:var(--panel);border-bottom:1px solid var(--line)}.header .container{justify-content:space-between;align-items:center;gap:12px;min-height:64px;display:flex}.header .brand{color:var(--text);align-items:center;gap:10px;display:flex}.header .brand:hover{text-decoration:none}.header .brand small{color:var(--muted);font-size:13px}.btn{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:8px 18px;font-size:14px;font-weight:600;display:inline-block}.btn:hover{opacity:.9;text-decoration:none}main{padding:24px 0 48px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;padding:20px}.muted{color:var(--muted)}.footer{border-top:1px solid var(--line);background:var(--panel);color:var(--muted);padding:20px 0;font-size:13px}.footer .container{flex-wrap:wrap;justify-content:space-between;gap:8px 20px;display:flex}.footer nav{flex-wrap:wrap;gap:8px 16px;display:flex}@media (max-width:600px){.header .brand small{display:none}h1{font-size:19px}}.small{font-size:13px}.break{word-break:break-all}.stack>*+*{margin-top:12px}.stack>*{margin-bottom:0}.narrow{max-width:360px}p{margin:0 0 12px}input,select,textarea{width:100%;font:inherit;color:var(--text);background:#fff;border:1px solid #d0d5dd;border-radius:6px;padding:8px 10px}input[type=checkbox]{width:auto}label{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}label.check{color:var(--text);white-space:nowrap;align-items:center;gap:6px;margin:0;display:flex}button{font:inherit;color:var(--text);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d0d5dd;border-radius:6px;padding:7px 14px;font-size:14px}button.primary{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}button.danger{color:var(--danger);border-color:#f1b5ae}button.link{color:var(--primary);background:0 0;border:0;padding:0;font-size:13px}.error{color:var(--danger);background:#fdecea;border-radius:6px;padding:8px 12px}.notice{color:var(--ok);background:#e7f6ec;border-radius:6px;padding:8px 12px}.grid2{grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}.grid2 .span2{grid-column:1/-1}.inline-form{flex-wrap:wrap;align-items:flex-end;gap:8px 12px;display:flex}.inline-form>div{flex:180px}.inline-form>.grow{flex:3 240px}.actions{flex-wrap:wrap;gap:6px;display:flex}.title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-bottom:16px;display:flex}.title-row h1{margin:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;background:var(--panel);width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px}th{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:600}tr.off td{color:var(--muted)}.badge{color:#344054;background:#f2f4f7;border-radius:999px;padding:0 8px;font-size:12px;display:inline-block}.who{align-items:center;gap:12px;display:flex}.header .menu{flex-wrap:wrap;justify-content:flex-start;gap:4px 20px;min-height:0;padding-bottom:10px;font-size:14px;display:flex}.header .menu a{color:var(--text)}.auth{max-width:420px;margin:56px auto;padding:0 16px}.auth-brand{text-align:center;margin-bottom:20px}.auth-brand p{margin:4px 0 0}.auth-links{flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-top:16px;font-size:13px;display:flex}.code-input{letter-spacing:6px;text-align:center;font-size:22px}.qr{margin:0 auto;display:block}@media (max-width:600px){.grid2{grid-template-columns:1fr}.auth{margin-top:32px}}.nowrap{white-space:nowrap}.prewrap{white-space:pre-wrap;word-break:break-word}.filters{flex-wrap:wrap;align-items:flex-end;gap:8px 12px;display:flex}.filters>div{flex:140px}.filters>.grow{flex:3 220px}.meta{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px 28px;margin:0 0 16px;padding-bottom:12px;display:flex}.meta dt{color:var(--muted);font-size:12px}.meta dd{margin:0}.files{margin:12px 0 0;padding:0;list-style:none}.files li+li{margin-top:4px}.timeline{margin:0 0 16px;padding:0;list-style:none}.timeline li{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:8px;padding:12px 16px}.timeline li.from-admin{border-left:4px solid var(--primary)}.timeline li.from-customer{border-left:4px solid #98a2b3}.timeline li.status{background:#f9fafb;font-size:14px}.resolution{border-left:4px solid var(--ok)}.badge.t-open{color:var(--warn);background:#fff4e5}.badge.t-in_progress{color:#1d4ed8;background:#e7f0fd}.badge.t-waiting{color:#7e22ce;background:#f3e8ff}.badge.t-done{color:var(--ok);background:#e7f6ec}.badge.u-low{color:var(--muted)}.badge.u-high{color:var(--warn);background:#fff4e5}.badge.u-urgent{color:var(--danger);background:#fdecea;font-weight:700}.count{background:var(--danger);color:#fff;text-align:center;border-radius:999px;min-width:20px;margin-left:6px;padding:0 6px;font-size:12px;font-weight:700;line-height:20px;display:inline-block}.chat{flex-direction:column;gap:12px;margin:0 0 16px;padding:0;list-style:none;display:flex}.chat li{max-width:80%}.chat li.mine{text-align:right;align-self:flex-end}.chat li.theirs{align-self:flex-start}.chat .bubble{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px;display:inline-block}.chat li.mine .bubble{background:#e7f0fd;border-color:#c7dbf7}.chat-meta{justify-content:flex-end;gap:12px;margin-top:2px;display:flex}.chat li.theirs .chat-meta{justify-content:flex-start}@media (max-width:600px){.chat li{max-width:95%}}tr.expired td{background:#fdecea}tr.expired td:first-child{color:var(--danger);font-weight:700}tr.soon td{background:#fff8e6}tr.soon td:first-child{color:var(--warn);font-weight:700}.legend{border-radius:4px;margin-left:10px;padding:0 8px;font-size:12px;display:inline-block}.legend.expired{color:var(--danger);background:#fdecea}.legend.soon{color:var(--warn);background:#fff8e6}.grow{flex:1}:root{--good:#0ca30c;--warning:#fab219;--critical:#d03b3b}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}h2.section{margin-top:28px}.pill{white-space:nowrap;align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.pill.s-up span{color:var(--good)}.pill.s-warn span{color:var(--warning)}.pill.s-down{color:var(--critical)}.pill.s-unknown{color:var(--muted)}.tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.tile-label{color:var(--muted);font-size:13px}.tile-value{margin:4px 0}.tile-value.big{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.days{grid-template-columns:repeat(30,1fr);gap:2px;margin:0;padding:0;list-style:none;display:grid}.day{background:#e4e7ec;border-radius:2px;height:32px;display:inline-block}.day.up{background:var(--good)}.day.warn{background:var(--warning)}.day.down{background:var(--critical)}.day:hover,.day:focus{outline:2px solid var(--text);outline-offset:1px}.days-legend{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-top:6px;display:flex}.days-legend i.day{vertical-align:-1px;width:10px;height:10px;margin-left:8px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.chart{margin-bottom:8px;position:relative}.chart svg{touch-action:pan-y;outline:none;width:100%;height:auto;display:block}.chart svg:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.chart .grid{stroke:var(--line);stroke-width:1px}.chart .axis{fill:var(--muted);font-size:10px}.chart .line{fill:none;stroke:var(--primary);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart .dot{fill:var(--primary)}.chart .crosshair{stroke:var(--muted);stroke-width:1px;stroke-dasharray:3 3}.chart .marker{fill:var(--primary);stroke:var(--panel);stroke-width:2px}.chart .tooltip{background:var(--text);color:#fff;pointer-events:none;white-space:nowrap;border-radius:6px;flex-direction:column;padding:4px 8px;font-size:12px;display:flex;position:absolute;top:0;transform:translate(-50%)}.chart .tooltip strong{font-size:14px}@media (max-width:600px){.day{height:24px}}.badge.inv-paid{color:var(--ok);background:#e7f6ec}.badge.inv-open{color:var(--warn);background:#fff4e5}.badge.inv-void,.badge.inv-uncollectible{color:var(--muted)}.error-text{color:var(--danger)}.link-tile{color:var(--text);display:block}.link-tile:hover{border-color:var(--primary);text-decoration:none}.tile-value.alert{color:var(--danger)}.plain{margin:0;padding:0;list-style:none}.plain li{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;padding:8px 0;display:flex}.plain li:last-child{border-bottom:0}.plain li.renewal.expired{color:var(--danger)}.plain li.renewal.soon .nowrap{color:var(--warn);font-weight:600}.dash{align-items:start}.site-nav{align-items:center;gap:18px;font-size:14px;display:flex}.site-nav a:not(.btn){color:var(--text)}.site-main{padding:0}.eyebrow{color:var(--primary);margin:0 0 8px;font-size:14px;font-weight:700}.hero{background:linear-gradient(180deg, #eef4fd 0%, var(--bg) 100%);padding:48px 0 56px}.hero-inner{grid-template-columns:1fr 1.1fr;align-items:center;gap:40px;display:grid}.hero h1{margin:0 0 16px;font-size:30px;line-height:1.45}.brand-name{color:var(--primary);letter-spacing:.04em;margin-top:4px;font-size:40px;display:block}.hero-lead{font-size:16px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.hero-actions.center{justify-content:center}.btn-lg{padding:12px 22px;font-size:15px}.btn-outline{color:var(--primary);border:1px solid var(--primary);background:#fff}.shot{margin:0}.shot img{border:1px solid var(--line);border-radius:10px;width:100%;height:auto;display:block;box-shadow:0 8px 28px #1118271f}.shot figcaption{color:var(--muted);text-align:center;margin-top:8px;font-size:12px}.section{padding:64px 0}.section.alt{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-title{margin:0 0 12px;font-size:26px}.section-lead{max-width:760px;font-size:16px}.feature-index{flex-wrap:wrap;gap:8px;margin:24px 0 8px;padding:0;list-style:none;display:flex}.feature-index a{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:14px;font-weight:600;display:inline-flex}.feature-index span{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;display:inline-grid}.feature{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.3fr;align-items:center;gap:40px;padding:40px 0;scroll-margin-top:16px;display:grid}.feature:last-child{border-bottom:0}.feature.reverse .feature-text{order:2}.feature h3{margin:0 0 8px;font-size:22px}.feature-no{color:var(--primary);margin:0 0 4px;font-size:13px;font-weight:700}.feature ul{margin:0;padding-left:1.2em}.feature li+li{margin-top:4px}.price-table table{border:1px solid var(--line)}.price-table th,.price-table td{vertical-align:middle;padding:14px 16px}.price-table thead th{color:var(--text);background:#eef4fd;font-size:14px}.price-table tbody th{color:var(--text);white-space:normal;font-weight:700}.plan-name{font-size:16px;display:block}.plan-name small{color:var(--muted);font-size:12px;font-weight:400;display:block}.plan-tool{color:var(--primary);background:#eef4fd;border-radius:4px;margin-top:6px;padding:1px 8px;font-size:12px;font-weight:700;display:inline-block}.plan-price{white-space:nowrap}.plan-price strong{font-size:22px}.price-table ul{margin:0;padding-left:1.1em}.plan-included{color:var(--ok);white-space:nowrap;font-weight:700}.price-note{border-left:4px solid var(--primary);background:#eef4fd;border-radius:4px;margin-top:16px;padding:12px 16px;font-weight:600}.options-title{margin:40px 0 16px;font-size:20px}.options{grid-template-columns:1fr 1fr;gap:16px;display:grid}.option{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);padding:20px}.option h4{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px;font-size:17px;display:flex}.option ul{margin:0 0 8px;padding-left:1.2em}.cta{text-align:center}.site-footer{padding-top:28px}.site-footer .container{align-items:flex-start}.site-footer strong{color:var(--text)}.copyright{margin-top:16px}.terms{max-width:820px;padding-top:32px;padding-bottom:48px}.terms h2{margin:28px 0 8px;font-size:18px}.terms ol{padding-left:1.5em}.terms li+li{margin-top:4px}.terms ol ol{margin-top:4px;list-style:lower-alpha}.terms-dates{margin-top:32px}.draft-banner{color:#7a4a00;background:#fff4e5;border:1px solid #f5c98b;border-radius:6px;padding:10px 14px}.check-mark{color:#9a5200;white-space:nowrap;background:#fff4e5;border:1px dashed #e0a14a;border-radius:4px;margin-left:4px;padding:0 6px;font-size:13px;font-weight:700}@media (max-width:860px){.hero-inner,.feature,.options{grid-template-columns:1fr}.feature.reverse .feature-text{order:0}.hero h1{font-size:24px}.brand-name{font-size:32px}.site-nav a:not(.btn),.price-table thead{display:none}.price-table table,.price-table tbody,.price-table tr,.price-table th,.price-table td{width:100%;display:block}.price-table tr{border-bottom:1px solid var(--line);padding:8px 0}.price-table td,.price-table tbody th{border:0;padding:6px 16px}.price-table td:before{content:attr(data-label);color:var(--muted);font-size:12px;display:block}}