@charset "UTF-8";
:root{--ink:#102f54;--text:#41556d;--muted:#5f7188;--line:#d9e3ef;--paper:#ffffff;--soft:#f0f5fb;--accent:#1765bd}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.9;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #2478ce;outline-offset:6px}a:hover{text-decoration:underline;text-underline-offset:5px}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.header{min-height:106px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700}.brand-mark{font-family:Georgia,serif;font-size:38px;line-height:1;color:var(--ink)}nav{display:flex;gap:30px;font-size:12px;font-weight:700}nav a:last-child span{margin-left:12px}.hero{padding-top:54px}.hero-top{display:flex;align-items:center;justify-content:space-between}.eyebrow{margin:0 0 20px;font-size:11px;font-weight:700;letter-spacing:.18em}.hero-top .eyebrow{margin:0}.status{font-size:11px;color:var(--text);display:flex;align-items:center;gap:8px}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:#2478ce}h1{font-size:clamp(36px,5.1vw,66px);font-weight:600;line-height:1.5;letter-spacing:.055em;margin:27px 0 24px}h2{font-size:clamp(26px,3vw,36px);font-weight:600;line-height:1.6;letter-spacing:.04em;margin:0}p{margin:0}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:40px}.hero-bottom p{font-size:14px;color:var(--text)}.button{background:var(--ink);color:white;padding:16px 25px;display:inline-flex;align-items:center;gap:35px;font-size:13px;flex-shrink:0;border-radius:3px}.button:hover{background:#124e94;text-decoration:none}.hero-image{height:350px;margin:0;position:relative;overflow:hidden;border-radius:4px;background:var(--soft)}.hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 58%}.hero-image figcaption{position:absolute;bottom:22px;left:28px;padding:5px 10px;background:rgba(255,255,255,.94);color:var(--ink);font:italic 17px Georgia,serif}.image-caption{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);padding-top:12px}.image-caption span:last-child{letter-spacing:.12em}.section{padding-block:88px}.about{display:grid;grid-template-columns:1fr 1.15fr;gap:70px}.about-copy .lead{font-size:19px;line-height:1.9;margin-bottom:22px;color:var(--ink)}.about-copy>p:not(.lead){font-size:14px;color:var(--text)}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.tags span{border:1px solid var(--line);border-radius:2px;padding:4px 11px;font-size:10px;color:var(--text)}.workflow{background:var(--soft)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:45px}.section-heading>p{font-size:12px;color:var(--text);margin-bottom:7px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.steps article{border-top:1px solid #b9cee6;padding-top:22px}.step-number{font:italic 32px Georgia,serif;color:#1765bd}.steps h3{font-size:20px;letter-spacing:.03em;margin:18px 0 14px;font-weight:600}.steps p{font-size:13px;color:var(--text)}.step-label{display:block;font-size:9px;letter-spacing:.15em;margin-top:26px;color:#47698d}.next{display:flex;justify-content:space-between;gap:30px;align-items:center}.next p:not(.eyebrow){font-size:14px;color:var(--text);margin-top:20px}.text-link{display:flex;gap:35px;border-bottom:1px solid var(--ink);padding-block:12px;font-size:12px;flex-shrink:0}.footer{border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:28px;font-size:10px;color:var(--muted)}.footer-inner p{color:var(--ink);font-size:12px;font-weight:700}.footer-inner small{font-size:10px}.skip-link{position:absolute;left:15px;top:-100px;background:var(--ink);color:#fff;padding:8px 16px;z-index:10}.skip-link:focus{top:10px}
/* Blue business theme */
body{border-top:4px solid var(--accent)}
.brand-mark{color:var(--accent);font-family:Arial,sans-serif;font-weight:700}
.eyebrow{color:var(--accent)}
h1,h2,h3{font-weight:700}
.button{background:var(--accent);box-shadow:0 6px 18px rgba(23,101,189,.16)}
.status{background:var(--soft);border:1px solid var(--line);border-radius:3px;padding:4px 10px}
.hero-image{border:1px solid var(--line)}
.hero-image img{filter:saturate(.8)}
.tags span{background:var(--soft);color:#275987;border-color:#ccdcef}
.steps article{border-top:3px solid var(--accent)}
.step-number{font-family:Arial,sans-serif;font-style:normal;font-weight:700}
.footer{background:var(--ink);border-color:var(--ink)}
.footer-inner,.footer-inner p{color:#e0eafa}
@media(min-width:1500px){.hero-image{height:390px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{padding-block:22px;min-height:90px;align-items:flex-start;flex-direction:column;gap:17px}nav{gap:22px;flex-wrap:wrap;font-size:11px}.hero{padding-top:35px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:23px}.hero-image{height:300px}.section{padding-block:60px}.about{grid-template-columns:1fr;gap:30px}.section-heading{align-items:flex-start;flex-direction:column;gap:18px}.steps{gap:22px}.steps h3{font-size:17px}.next{align-items:flex-start;flex-direction:column}.footer-inner{flex-wrap:wrap}}
@media(max-width:540px){.brand{font-size:12px}.brand-mark{font-size:32px}nav{gap:16px;font-size:10px}nav a:last-child span{margin-left:3px}.status{font-size:10px}.eyebrow{font-size:10px}h1{font-size:35px;letter-spacing:.01em}.hero-bottom p{font-size:12px}.button{padding:13px 20px;font-size:12px}.hero-image{height:235px}.hero-image figcaption{left:12px;bottom:12px;font-size:13px}.image-caption{font-size:9px}.image-caption span:last-child{display:none}.steps{grid-template-columns:1fr;gap:30px}.steps article{position:relative;padding-left:48px}.step-number{position:absolute;left:0;top:22px;font-size:25px}.steps h3{margin-top:0;font-size:20px}.step-label{margin-top:16px}.section-heading{margin-bottom:30px}.about-copy .lead{font-size:17px}.footer-inner{align-items:flex-start;flex-direction:column;gap:8px}.next p:not(.eyebrow){font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}