.web-care{--wc-accent:var(--color-primary)}
.web-care section[id]{scroll-margin-top:110px}
.wc-hero{padding:38px 0 65px;background:linear-gradient(120deg,#fff 35%,var(--color-paper));border-bottom:1px solid var(--color-mist)}
.wc-hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center}
.wc-hero h1{font-size:clamp(30px,3.5vw,48px);line-height:1.55;letter-spacing:-.045em;margin-bottom:24px}
.wc-lead{font-size:17px;line-height:2.1;color:var(--color-slate)}
.wc-hero .actions{margin:28px 0 20px}.wc-hero .eyebrow{line-height:1.9}
.wc-sample{border:1px solid var(--color-mist);background:white;padding:28px;box-shadow:12px 12px 0 #e8edf5}
.wc-sample-top{display:flex;justify-content:space-between;gap:12px;color:var(--color-slate);font-size:10px;border-bottom:1px solid var(--color-mist);padding-bottom:16px}
.wc-request{display:flex;gap:16px;align-items:flex-start;margin:28px 0}.wc-request p{margin:0;font-size:20px;line-height:1.8;font-weight:500}.wc-avatar{background:var(--color-paper);padding:10px;font-size:11px;color:var(--wc-accent)}
.wc-response{margin-left:28px;background:var(--color-navy);color:white;padding:25px}.wc-response>.mono{color:var(--color-moon);font-size:11px}.wc-response p{font-size:19px;line-height:1.8;margin:14px 0}.wc-response ol{font-size:12px;line-height:2.2;padding-left:20px;margin:0;color:var(--color-moon)}
.wc-sample-foot{font-size:12px;color:var(--color-slate);margin:20px 0 0;text-align:right}
.wc-preview{font-size:12px;margin:24px 0}.wc-preview strong{margin-right:8px}
.wc-nav{display:flex;flex-wrap:wrap;gap:12px 28px;padding:0 0 24px;font-size:13px}.wc-nav a{padding:8px 0;border-bottom:1px solid var(--color-mist)}.wc-nav a:hover{color:var(--wc-accent)}
.wc-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.wc-menu-card{background:#fff;border:1px solid var(--color-mist);padding:30px 26px;display:flex;flex-direction:column;min-width:0}.wc-menu-card>.mono{font-size:11px;color:var(--wc-accent)}.wc-menu-card h3{font-size:23px;margin:22px 0 14px}.wc-menu-card>p{font-size:14px;color:var(--color-slate)}
.wc-menu-card.wc-menu-featured{border-top:4px solid var(--wc-accent);padding-top:27px}
.wc-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font:600 48px Inter,'Noto Sans JP',sans-serif;font-variant-numeric:lining-nums tabular-nums;letter-spacing:0;line-height:1.3;margin:10px 0}.wc-price span{font:14px Inter,'Noto Sans JP',sans-serif;letter-spacing:.03em;white-space:nowrap}.wc-menu-card ul{padding-left:18px;font-size:13px;line-height:2.1;margin:20px 0}
.wc-card-note{margin:auto 0 22px;padding-top:20px;border-top:1px solid var(--color-mist);font-size:13px}.wc-card-note p{font-size:12px;color:var(--color-slate);margin:8px 0 0;line-height:1.9}.wc-menu-card .button{font-size:13px;justify-content:center;padding:13px 10px}.wc-after-note{margin-top:22px;line-height:1.9}
.wc-example{margin-top:38px;padding:30px;background:white;border-left:3px solid var(--wc-accent)}.wc-example>.mono{font-size:11px;color:var(--wc-accent)}.wc-example h3{font-size:20px;margin:12px 0 24px}.wc-example dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;gap:24px}.wc-example dt{font-size:12px;color:var(--color-slate)}.wc-example dd{margin:8px 0 0;font-size:24px;font-weight:600}.wc-example dd span{display:block;font-size:12px;font-weight:400;color:var(--color-slate);margin-top:5px}
.wc-scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:40px}.wc-scope-grid article{border-top:2px solid var(--wc-accent);padding:24px;background:var(--color-paper)}.wc-scope-grid article+article{border-color:var(--color-slate)}.wc-scope-grid h3{font-size:20px}.wc-scope-grid ul{padding-left:20px;font-size:14px;line-height:2.1;margin-bottom:0}
.web-care caption{text-align:left;font-size:19px;font-weight:600;padding:20px;background:var(--color-paper)}.web-care table{min-width:610px}.web-care table th:first-child{width:23%}.web-care table td{width:38.5%}.wc-terms{font-size:13px;color:var(--color-slate);line-height:1.9}.wc-terms strong{color:var(--color-ink)}
.wc-value{background:var(--color-navy);color:white}.wc-value .eyebrow,.wc-value .feature-row .mono{color:var(--color-moon)}.wc-value .split p,.wc-value .feature-row p{color:var(--color-moon)}.wc-value .feature-list,.wc-value .feature-row{border-color:#304971}.wc-value h2{line-height:1.6}
.wc-flow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:0;padding:0}.wc-flow li{border-top:2px solid var(--wc-accent);padding-top:20px}.wc-flow .mono{font-size:12px;color:var(--wc-accent)}.wc-flow h3{font-size:20px;margin:15px 0}.wc-flow p{font-size:14px;color:var(--color-slate)}
.wc-handover{margin-top:32px;background:var(--color-paper);padding:26px;font-size:14px}.wc-handover p{margin:12px 0 0}.wc-handover span{color:var(--wc-accent);padding:0 8px}
@media(max-width:1050px){.wc-hero-grid{gap:35px;grid-template-columns:1.1fr 1fr}.wc-menu-grid{gap:12px}.wc-menu-card{padding:25px 18px}.wc-menu-card.wc-menu-featured{padding-top:22px}.wc-menu-card h3{font-size:20px}.wc-menu-card ul{font-size:12px}.wc-price{font-size:40px}.wc-example dd{font-size:21px}.wc-flow{gap:20px}}
@media(max-width:800px){.wc-hero-grid{grid-template-columns:1fr;gap:30px}.wc-sample{max-width:540px;width:100%}.wc-menu-grid{grid-template-columns:1fr}.wc-menu-card,.wc-menu-card.wc-menu-featured{padding:28px}.wc-menu-card h3{font-size:23px}.wc-menu-card ul{font-size:14px}.wc-menu-card .button{align-self:flex-start;padding:13px 20px}.wc-card-note{margin-top:8px}.wc-flow{grid-template-columns:1fr 1fr}.wc-example dl{grid-template-columns:1fr;gap:20px}.wc-example dl>div{border-bottom:1px solid var(--color-mist);padding-bottom:16px}.wc-example dl>div:last-child{border:0;padding-bottom:0}.wc-scope-grid{grid-template-columns:1fr;gap:20px}}
@media(max-width:480px){.wc-hero{padding:22px 0 35px}.wc-hero h1{font-size:29px}.wc-lead{font-size:15px}.wc-hero-grid{gap:28px}.wc-sample{padding:20px;box-shadow:6px 6px 0 #e8edf5}.wc-response{margin-left:12px;padding:20px}.wc-request p{font-size:18px}.wc-nav{gap:4px 18px;font-size:12px}.wc-example{padding:24px}.wc-flow{grid-template-columns:1fr;gap:16px}.wc-flow p{margin-bottom:4px}.wc-handover{padding:22px}.wc-handover>p{line-height:2}.wc-hero .button{font-size:13px;padding:13px 17px}}
@media(max-width:360px){.wc-hero h1{font-size:24px}.wc-hero .eyebrow{font-size:9px}}