:root{color-scheme:light;--ink: #15202b;--muted: #64717f;--line: #d9e1e8;--soft: #f4f8fb;--paper: #ffffff;--brand: #126c8f;--brand-dark: #0d4f68;--accent: #e0902f}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:#fff;line-height:1.75}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:#fffffff0;backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1120px,calc(100% - 32px));margin:0 auto;padding:16px 0}.brand{color:var(--ink);font-size:1.35rem;font-weight:800}.nav{display:flex;align-items:center;justify-content:flex-end;gap:18px;font-size:.9rem;font-weight:650}.nav a{color:#2b3845}.nav a[aria-current=page]{color:var(--brand)}main{min-height:70vh}.section{width:min(1120px,calc(100% - 32px));margin:0 auto}.hero{background:linear-gradient(120deg,#0f4e67d1,#1a5a586b),url(/images/hako/top-eyecatch-20260429.png) center / cover;color:#fff}.hero-inner{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:clamp(72px,12vw,132px) 0 clamp(52px,8vw,92px)}.eyebrow{margin:0 0 14px;font-size:.92rem;font-weight:800;color:var(--accent)}.hero .eyebrow{color:#ffdca6}h1,h2,h3{line-height:1.25}h1{margin:0;font-size:clamp(2.2rem,6vw,4.7rem)}.hero-copy{max-width:740px;margin:20px 0 0;font-size:clamp(1.05rem,2vw,1.35rem)}.hero-actions,.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:6px;padding:10px 18px;border:1px solid var(--brand);background:var(--brand);color:#fff;font-weight:800}.button.secondary{background:#fff;color:var(--brand)}.hero .button.secondary{border-color:#ffffffbf;background:#ffffff1f;color:#fff}.band{padding:64px 0}.band.soft{background:var(--soft)}.section-title{margin:0 0 24px;font-size:clamp(1.7rem,3vw,2.4rem)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card,.notice-card,.manual-card{border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:22px}.product-card h3,.notice-card h3{margin:8px 0 10px;font-size:1.2rem}.badge{display:inline-flex;border-radius:999px;background:#eaf4f7;color:var(--brand-dark);padding:4px 10px;font-size:.78rem;font-weight:800}.notice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.purchase-band{padding:56px 0;background:#f7fafc;border-top:1px solid var(--line)}.purchase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.purchase-card{display:grid;align-content:start;gap:12px;border:1px solid #cfdde6;border-radius:8px;background:#fff;padding:24px}.purchase-card span{color:var(--muted);font-size:.9rem;font-weight:800}.purchase-card strong{color:var(--brand-dark);font-size:1.8rem;font-weight:900;line-height:1.1}.purchase-card p{margin:0;color:#40505f}.purchase-card a{font-weight:800}.purchase-card-cta{border-color:#126c8f59}.paypal-form{margin-top:4px}.paypal-form input[type=image]{width:150px;height:auto;border:0;padding:0;background:transparent}.purchase-note{margin:16px 0 0;color:var(--muted);font-size:.92rem}.manual-band{padding:56px 0;background:var(--soft)}.manual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.manual-card{display:grid;gap:6px;color:var(--ink)}.manual-card:hover{border-color:var(--brand);text-decoration:none}.manual-card span{color:var(--muted);font-size:.82rem;font-weight:700}.manual-card strong{line-height:1.45}.manual-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:36px;width:min(1120px,calc(100% - 32px));margin:0 auto;padding:48px 0 72px}.manual-layout .content{width:auto;padding:0}.manual-sidebar{align-self:start;position:sticky;top:84px;border:1px solid var(--line);border-radius:8px;padding:18px;background:var(--paper)}.manual-sidebar h2{margin:0 0 12px;font-size:1rem}.manual-sidebar a{display:block;padding:7px 0;border-top:1px solid #edf2f5;color:#2b3845;font-size:.92rem}.manual-sidebar a[aria-current=page]{color:var(--brand);font-weight:800}.page-hero{border-bottom:1px solid var(--line);background:linear-gradient(180deg,#f7fbfd,#fff)}.page-hero-inner{width:min(960px,calc(100% - 32px));margin:0 auto;padding:64px 0 42px}.page-hero h1{color:var(--ink);font-size:clamp(2rem,5vw,3.4rem)}.product-hero .page-hero-inner{width:min(1040px,calc(100% - 48px))}.content{width:min(880px,calc(100% - 32px));margin:0 auto;padding:48px 0 72px}.product-content{width:min(1040px,calc(100% - 48px))}.product-content>p,.product-content>h2,.product-content>h3,.product-content>h4,.product-content>ul,.product-content>ol,.product-content>div:not([style*="width: 100vw"]){max-width:880px;margin-left:auto;margin-right:auto}.product-content>figure{max-width:960px;margin-left:auto;margin-right:auto}.product-content>figure:has(table){max-width:880px}.product-content .info-table-wrap{width:min(880px,100%)!important;max-width:880px!important;margin:28px auto!important}.content h1{font-size:clamp(1.9rem,4vw,3rem)}.content h2{margin-top:2.2em;font-size:clamp(1.45rem,3vw,2rem)}.content figure:has(table)+p{margin-top:-6px}.content h3{margin-top:1.8em;font-size:1.25rem}.content figure{margin:28px 0}.content figure:has(table){overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.content table{width:100%;min-width:520px;border-collapse:collapse}.content .info-table{min-width:0;border-top:1px solid var(--line)}.content td,.content th{border-bottom:1px solid #e5edf2;padding:16px 18px;vertical-align:top;text-align:left}.content tr:last-child td,.content tr:last-child th{border-bottom:0}.content td:first-child,.content th:first-child{width:34%;background:#f6fafc;color:#24394a;font-weight:800}.content .info-table td,.content .info-table th{padding:14px 0}.content td:last-child strong{color:var(--brand-dark)}.content .spec-table-wrap,.content .price-table-wrap{border:0;box-shadow:none}.content .price-table-wrap{margin-top:20px!important}.content .spec-table-wrap{border-color:transparent}.content .spec-table td:first-child{background:transparent;color:#164f68}.content .price-table-wrap{border-color:transparent;background:transparent}.content .price-table td:first-child{background:transparent;color:#315b24}.content .price-table td:last-child{color:#18384d;font-size:1.08rem;font-weight:800}.content .price-table tr:first-child td:last-child{color:var(--brand-dark);font-size:1.22rem}.content [style*="width: 100vw"]{width:100%!important;margin:32px 0!important}.content [style*="background-color: #F9F9F9"]{background-color:transparent!important}.product-content [style*="background-color: #F9F9F9"]>[style*="max-width:720px"]{max-width:880px!important;padding-right:0!important;padding-left:0!important}.content img{border-radius:8px;border:1px solid var(--line)}.content iframe,.content video{display:block;width:100%;max-width:100%;aspect-ratio:16 / 9;height:auto;border-radius:8px}.contact-cta{margin:28px 0;border:1px solid var(--line);border-radius:8px;background:#f7fbfd;padding:18px}.contact-cta p{margin:0 0 12px;color:var(--muted)}.api-reference{line-height:1.9}.api-toc{margin-bottom:36px;border:1px solid var(--line);border-radius:8px;background:#f7fbfd;padding:18px}.api-toc p{margin:0 0 12px;color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.api-toc div{display:flex;flex-wrap:wrap;gap:8px}.api-toc a{border:1px solid #c8d8e4;border-radius:6px;background:#fff;padding:7px 10px;color:#24465c;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem;line-height:1.35}.api-reference h4{margin-top:2.5em;border-bottom:2px solid var(--brand);padding-bottom:8px;color:var(--ink);font-size:1.3rem}.api-reference h5{scroll-margin-top:96px;margin:28px 0 14px;border:1px solid #cbd8e1;border-radius:8px;background:#10212d;padding:14px 16px;overflow-x:auto}.api-reference h5 code{color:#e9f6ff;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.94rem;font-weight:700;white-space:nowrap}.api-reference h5+p,.api-reference h5+p+p,.api-reference h5+p+p+p{margin:8px 0}.api-reference p strong{display:inline-block;border-radius:5px;background:#e8f2f8;padding:2px 8px;color:#18384d;font-weight:800}.api-reference p:has(+h5),.api-reference p:has(+h4){margin-bottom:28px}.demo-summary{max-width:720px;margin:16px 0 0;color:var(--muted);font-size:1.05rem}.demo-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:36px;width:min(1120px,calc(100% - 32px));margin:0 auto;padding:48px 0 72px}.demo-nav{align-self:start;position:sticky;top:84px;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:18px}.demo-nav h2{margin:0 0 12px;font-size:1rem}.demo-nav a{display:grid;gap:2px;border-top:1px solid #edf2f5;padding:10px 0;color:#2b3845;font-size:.92rem;font-weight:700}.demo-nav a span{color:var(--muted);font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.demo-nav a[aria-current=page]{color:var(--brand)}.demo-nav .demo-reference{margin-top:10px;color:var(--brand)}.demo-panel{display:grid;gap:16px;align-content:start}.demo-status,.demo-card{border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:22px}.demo-status{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-color:transparent;background:transparent;padding:0}.demo-head-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.demo-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid #edf2f5}.status-pill{display:flex;align-items:center;gap:8px;min-height:36px;border:1px solid #ccd9e2;border-radius:999px;background:#f7fbfd;padding:7px 12px;color:#334656;font-size:.86rem;font-weight:700;line-height:1}.status-pill strong{color:#9d3939;font-size:.86rem}.status-dot{width:9px;height:9px;border-radius:50%;background:#c84242;box-shadow:0 0 0 3px #c842421f}.status-dot[data-connected=true]{background:#2b9b5b;box-shadow:0 0 0 3px #2b9b5b21}.status-dot[data-connected=true]+span+strong{color:#1d7342}.status-action{min-height:36px;border:1px solid #c8d8e4;border-radius:999px;background:#fff;padding:7px 12px;color:#24465c;font:inherit;font-size:.84rem;font-weight:800;cursor:pointer}.status-action:hover{border-color:var(--brand);color:var(--brand)}.demo-card h2{margin:0;font-size:1.35rem}.demo-card-head{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:18px}.demo-card-head p{margin:6px 0 0;color:var(--muted);font-size:.95rem}.demo-preview{display:flex;align-items:center;min-height:180px;border:1px dashed #c3d3dd;border-radius:8px;background:#f7fbfd;padding:18px}.demo-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;margin-top:0}.demo-form.compact{grid-template-columns:repeat(2,minmax(0,260px))}.demo-form.compact-form{grid-template-columns:1fr 160px;align-items:end}.demo-form.compact-form label:first-child,.demo-form.compact-form label:nth-child(4){grid-column:span 2}.demo-form label{gap:4px;color:#435464;font-size:.86rem}.demo-form input,.receipt-table input,.receipt-table select,.receipt-total input{min-height:38px;padding:8px 10px;font-size:.94rem}.demo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.demo-gallery article{display:grid;gap:12px;align-content:start;border:1px solid var(--line);border-radius:8px;padding:14px;background:#fbfdfe;text-align:center}.demo-gallery img{aspect-ratio:3 / 4;width:100%;object-fit:cover;border:1px solid #d6e1e8;border-radius:6px;background:#fff}.label-gallery img{aspect-ratio:2 / 1;object-fit:contain}.receipt-table-wrap{overflow-x:auto;margin-top:18px}.receipt-table{width:100%;border-collapse:collapse}.receipt-table th,.receipt-table td{border-bottom:1px solid var(--line);padding:8px;text-align:left}.receipt-table th{color:var(--muted);font-size:.84rem}.receipt-table input,.receipt-table select{min-width:96px}.receipt-total{display:flex;flex-wrap:wrap;align-items:end;gap:12px 18px;margin-top:16px;border-radius:8px;background:#f7fbfd;padding:14px}.receipt-total label{width:min(220px,100%)}.receipt-total p{margin:0}.unpitu-form,.medical-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.unpitu-form .wide,.medical-form>label{grid-column:1 / -1}.unpitu-form label,.medical-form label{gap:4px;color:#435464;font-size:.86rem}.unpitu-form input,.unpitu-form textarea,.medical-form input,.medical-form textarea,.inventory-table input{min-height:40px;padding:8px 10px;font-size:1rem}.inventory-total{align-self:center;border:1px solid #c8d8e4;border-radius:999px;background:#f7fbfd;padding:8px 12px;color:#24465c;font-size:.9rem;font-weight:800;white-space:nowrap}.inventory-table-wrap{overflow-x:auto}.inventory-table{width:100%;min-width:760px;border-collapse:collapse}.inventory-table th,.inventory-table td{border:1px solid #d5e0e8;padding:8px;text-align:left}.inventory-table th{background:#f7fbfd;color:#435464;font-size:.84rem}.inventory-table input[readonly]{background:#f4f8fb;color:#556574}.inline-fields{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.contact-panel{border:1px solid var(--line);border-radius:8px;background:var(--soft);padding:24px}.form-grid{display:grid;gap:16px;margin-top:20px}.hidden-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-message{margin:0;color:var(--brand-dark);font-weight:800;white-space:pre-line}button:disabled{cursor:wait;opacity:.65}label{display:grid;gap:6px;font-weight:700}input,textarea{width:100%;border:1px solid #c9d4dd;border-radius:6px;padding:12px;font:inherit}textarea{min-height:160px}.site-footer{border-top:1px solid var(--line);background:#101820;color:#dce5ec}.footer-inner{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:30px 0;display:flex;justify-content:space-between;gap:20px;font-size:.9rem}.footer-inner a{color:#fff}@media(max-width:820px){.header-inner{align-items:flex-start;flex-direction:column}.nav{justify-content:flex-start;flex-wrap:wrap;gap:10px 14px}.product-grid,.notice-list,.purchase-grid,.manual-grid,.manual-layout,.demo-layout,.demo-gallery,.demo-form{grid-template-columns:1fr}.manual-sidebar,.demo-nav{position:static}.content figure:has(table){overflow:visible}.content table{min-width:0}.content table,.content tbody,.content tr,.content td,.content th{display:block;width:100%}.content tr{border-bottom:1px solid #e5edf2}.content tr:last-child{border-bottom:0}.content td,.content th{border-bottom:0;padding:12px 14px}.content td:first-child,.content th:first-child{width:100%;padding-bottom:6px}.content td:last-child{padding-top:8px}.footer-inner{flex-direction:column}}