:root{color-scheme:light;--ink:#06234b;--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif}
*{box-sizing:border-box}body{margin:0;background:#dce9f5;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid #227ee1;outline-offset:4px}
.presentation{min-height:100svh;display:grid;place-items:center;padding:12px}
.show-card{width:100%;max-width:440px;min-height:calc(100svh - 24px);padding:max(64px,calc(env(safe-area-inset-top) + 18px)) 24px 16px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#edf5ff url('assets/presentation-background.png') center/100% 100% no-repeat;box-shadow:0 18px 55px #14355830;border-radius:14px;text-align:center;font-family:var(--serif)}
.brand{width:100%}.logo{display:block;width:60%;max-width:190px;height:auto;margin:0 auto 7px}.company{font-family:Georgia,"Times New Roman",serif;font-size:clamp(23px,6.8vw,28px);white-space:nowrap;line-height:1.1;margin:0;font-weight:500;letter-spacing:-.025em;text-shadow:0 1px 10px #fff}.company span{font-variant:small-caps}.company-kana{font-size:10px;letter-spacing:.07em;margin:5px 0 0;white-space:nowrap}
.signature-rule{height:1px;flex-shrink:0;width:95%;background:linear-gradient(90deg,transparent,#49648780,transparent);margin:10px 0 7px;position:relative}.signature-rule i{position:absolute;left:38%;top:-1px;width:24%;height:3px;background:linear-gradient(90deg,#153965,#009be7,#fff,#009be7,#153965);border-radius:3px}.tagline{font-family:Georgia,serif;font-size:8px;letter-spacing:.2em;line-height:1.5;margin:0}
.tagline-en,.tagline-ja{display:block;white-space:nowrap}.tagline-ja{font-family:var(--serif);font-size:10.5px;letter-spacing:.04em;line-height:1.3}
.identity{margin:10px 0 11px}.role{font-size:12px;letter-spacing:.25em;margin:0 0 2px}h1{font-weight:500;font-size:36px;line-height:1.2;letter-spacing:.17em;margin:0;padding-left:.17em;white-space:nowrap}.roman-name{font-family:Georgia,serif;font-size:10px;letter-spacing:.42em;margin:4px 0 0;padding-left:.42em}
.details{width:100%;margin:0;display:grid;gap:6px;text-align:left}.detail{display:flex;align-items:center;gap:12px;padding:5px 12px;border:1px solid #9cb6d16b;border-radius:11px;background:linear-gradient(115deg,#ffffffee,#ffffffb8);box-shadow:0 1px 3px #0c315622;min-width:0}.detail>div{min-width:0}.icon{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;background:radial-gradient(circle at 25% 22%,#5482aa,#0d3d6c 35%,#06234b 72%);border:1px solid #466e92;border-radius:50%;box-shadow:0 2px 4px #06315833;color:white}.icon svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round;fill:none}dt{font-size:9px;letter-spacing:.1em;line-height:1.3}dd{font-family:Georgia,"Times New Roman",serif;font-size:18px;margin:2px 0 0;line-height:1.25;white-space:nowrap;letter-spacing:-.02em}dd.phone{font-size:22px;letter-spacing:.02em}dd.email{font-size:16px}
.exchange{margin:12px 0 0;padding:0;background:#fff;border:1px solid #9bb6d0;border-radius:14px;overflow:hidden;box-shadow:0 2px 7px #183d5d33}.qr{display:block;line-height:0}.qr img{display:block;width:240px;height:240px;image-rendering:auto}
.utility{display:flex;align-items:center;justify-content:center;gap:14px;font-family:-apple-system,sans-serif;font-size:11px;padding:14px 12px 24px;color:#335775}.utility a{text-decoration:none;min-height:32px;display:flex;align-items:center}.utility a:hover{text-decoration:underline}
.save-strip{max-width:440px;margin:0 auto;padding:12px 22px 0;text-align:center;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}.save-strip>a{display:flex;justify-content:center;align-items:center;min-height:48px;background:#173f6b;color:#fff;text-decoration:none;border-radius:10px;font-size:14px}.save-strip>a:hover{background:#22588f}.save-strip p{font-size:10px;line-height:1.8;color:#335775;margin:9px 0 0}
@media(min-width:650px){.presentation{padding:24px;min-height:900px}.show-card{min-height:852px;padding:70px 30px 24px}.logo{width:60%;max-width:210px}.company{font-size:31px}.company-kana{font-size:11px}.identity{margin:16px 0}.qr img{width:240px;height:240px}.exchange{margin-top:16px}}
@media(max-height:760px) and (max-width:649px){.presentation{padding:8px}.show-card{min-height:calc(100svh - 16px);padding:max(54px,calc(env(safe-area-inset-top) + 12px)) 24px 18px}.logo{width:48%;max-width:150px;margin-bottom:5px}.company{font-size:25px}.company-kana{font-size:9px;margin-top:4px}.signature-rule{margin:8px 0 6px}.tagline{font-size:7px}.tagline-ja{font-size:9px;line-height:1.15}.identity{margin:8px 0}.role{font-size:11px}h1{font-size:32px}.roman-name{font-size:9px;margin-top:3px}.details{gap:5px}.detail{padding:4px 10px;gap:11px}.icon{width:28px;height:28px}.icon svg{width:19px;height:19px}dd{font-size:17px}dd.phone{font-size:20px}dd.email{font-size:15px}dt{font-size:8px}.exchange{margin-top:10px}.qr img{width:180px;height:180px}}
@media(max-width:350px){.show-card{padding-left:17px;padding-right:17px}.company{font-size:23px}.company-kana{font-size:9px}.detail{gap:9px;padding-left:8px;padding-right:8px}dd.email{font-size:13px}dd{font-size:15px}.logo{width:46%}.identity{margin:7px 0}h1{font-size:30px}.tagline{font-size:7px}}
@media(max-height:600px) and (max-width:649px){.show-card{padding-top:max(44px,calc(env(safe-area-inset-top) + 12px));padding-bottom:8px}.logo{width:34%;max-width:110px}.tagline{display:block}.signature-rule{margin:7px 0 5px}.identity{margin:5px 0}h1{font-size:29px}.details{gap:4px}.detail{padding-top:2px;padding-bottom:2px}.exchange{margin-top:8px}.qr img{width:160px;height:160px}}
@media print{body{background:#fff}.presentation{padding:0;min-height:0}.show-card{width:100mm;min-height:222mm;box-shadow:none;border-radius:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.utility,.save-strip{display:none}}