:root{--navy:#142b40;--ink:#243746;--muted:#60707b;--line:#d8dfe3;--pale:#f3f5f6;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--white);color:var(--ink);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;font-size:16px;line-height:1.9;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #547c9c;outline-offset:6px}a:hover{color:#55748b}.wrap{width:min(1200px,calc(100% - 112px));margin-inline:auto}.header{padding:25px 56px;display:flex;justify-content:space-between;align-items:center;gap:25px;background:#fffffff5;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{font-family:Arial,sans-serif;font-size:27px;font-weight:600;letter-spacing:-1px;line-height:1.15;white-space:nowrap}.brand span{display:block;font-size:10px;letter-spacing:1.65px;font-weight:400;margin-top:9px}.header nav{display:flex;align-items:center;gap:32px;font-family:Arial,sans-serif;font-size:12px;letter-spacing:1.3px}.nav-contact{border-left:1px solid var(--line);padding-left:32px}.nav-contact span{margin-left:14px}.hero{padding-top:88px;display:grid;grid-template-columns:1.25fr 1fr;gap:30px 60px;align-items:center}.eyebrow{font-family:Arial,sans-serif;letter-spacing:2px;font-size:12px;font-weight:500;margin:0 0 30px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,4.05vw,58px);line-height:1.65;letter-spacing:.025em;font-weight:500;color:var(--navy);margin-bottom:25px}h2{font-size:clamp(29px,3vw,42px);line-height:1.65;font-weight:500;letter-spacing:.04em;color:var(--navy);margin-bottom:32px}h3{font-weight:500}.intro{font-size:17px;line-height:2.05;margin-bottom:32px}.button{display:inline-flex;align-items:center;gap:64px;background:var(--navy);color:white;padding:14px 24px;font-size:14px}.button:hover{background:#29485f;color:white}.mobile{display:none}.hero-foot{grid-column:1/-1;border-top:1px solid var(--line);margin-top:45px;padding:19px 0;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.hero-foot a{font-family:Arial,sans-serif;letter-spacing:2px}.hero-foot a span{margin-left:22px}.diagram{position:relative;min-height:380px;padding:35px 24px 24px;display:flex;flex-direction:column;align-items:center;background-image:linear-gradient(#e7ecef 1px,transparent 1px),linear-gradient(90deg,#e7ecef 1px,transparent 1px);background-size:24px 24px;border:1px solid var(--line);text-align:center}.diagram-top{font-size:12px;letter-spacing:2px;background:white;padding:0 25px}.diagram-top span{display:block;letter-spacing:2px;font-size:16px}.diagram-line{height:25px;border-left:1px solid #7890a2}.diagram-center{background:var(--navy);color:white;padding:18px 28px;font-family:Arial,sans-serif;font-size:25px;line-height:1.6}.diagram-center small{display:block;font-family:"Yu Gothic",sans-serif;font-size:12px;letter-spacing:1px}.diagram-branches{width:100%;display:flex;justify-content:space-between;gap:8px;margin-top:34px;position:relative}.diagram-branches:before{content:"";position:absolute;top:-18px;left:16%;right:16%;height:18px;border:1px solid #7890a2;border-bottom:0}.diagram-branches:after{content:"";position:absolute;height:34px;top:-34px;left:50%;border-left:1px solid #7890a2}.diagram-branches span{background:white;border:1px solid #a9b9c5;padding:7px 8px;font-size:14px;flex:1;z-index:1}.diagram-bottom{font-size:14px;margin-top:24px;letter-spacing:2px}.diagram-caption{font-size:9px;letter-spacing:1.3px;color:var(--muted);margin-top:20px}.section{padding-block:96px}.section-grid,.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:60px}.section-label>span{font-family:Arial,sans-serif;font-size:13px;letter-spacing:2px}.section-label>p{font-size:14px;margin-top:8px;color:var(--muted)}.about{background:var(--pale);margin-top:30px}.body-copy{max-width:650px}.body-copy p{margin-bottom:24px}.principles{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid #cdd5db;margin-top:36px;padding-top:22px;font-size:14px}.service-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:20px;border-top:1px solid var(--navy)}.service{padding:34px 38px 32px 0;border-bottom:1px solid var(--line)}.service:nth-child(even){border-left:1px solid var(--line);padding-left:38px;padding-right:0}.service-top{display:flex;gap:22px;font-family:Arial,sans-serif;font-size:12px;letter-spacing:1.5px;color:var(--muted);margin-bottom:19px}.service h3{font-size:25px;margin-bottom:15px}.service p{max-width:480px;margin-bottom:20px}.service .service-tags{font-size:13px;color:var(--muted);margin-bottom:0}.network{display:grid;grid-template-columns:1fr 2fr;gap:60px;margin-top:48px;align-items:baseline}.network h3{font-size:25px;margin-bottom:15px}.network p{margin-bottom:0}.process{background:var(--pale)}.process-intro{margin-bottom:40px}.steps{display:grid;grid-template-columns:repeat(6,1fr);padding:0;list-style:none;margin:15px 0 0;border-top:1px solid #8c9eab}.steps li{padding:25px 15px 0 18px;border-left:1px solid var(--line)}.steps li:first-child{padding-left:0;border-left:0}.steps li>span{font-family:Arial,sans-serif;font-size:14px;color:var(--muted)}.steps h3{font-size:18px;margin:13px 0}.steps p{font-size:14px;line-height:1.85;margin:0}.contact{background:var(--navy);color:#e8edf1}.contact h2{color:white}.contact .section-label p{color:#bdc9d3}.contact h2{font-size:clamp(29px,3vw,42px)}.email{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #8392a0;padding:22px 0 16px;font-size:clamp(17px,2.25vw,29px);font-family:Arial,sans-serif;gap:20px}.email:hover{color:#c9deec}.contact-note{font-size:12px;margin:13px 0 0;color:#bdc9d3}.footer{display:flex;align-items:center;justify-content:space-between;padding-block:35px;gap:24px}.footer p,.footer>a:last-child{font-size:12px;color:var(--muted);margin:0}.footer .brand{font-size:23px}.footer .brand span{font-size:9px}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:white;padding:10px}.skip:focus{top:10px}@media(min-width:1600px){.hero{padding-top:110px;padding-bottom:20px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.header{padding:22px 32px}.header nav{gap:20px}.nav-contact{padding-left:20px}.hero{gap:25px;padding-top:65px}.diagram{padding-inline:16px}.section-grid,.section-heading,.network{grid-template-columns:1fr 2.3fr;gap:35px}.steps{grid-template-columns:repeat(3,1fr);row-gap:30px}.steps li:nth-child(4){padding-left:0;border-left:0}.steps li{padding-top:20px}.section{padding-block:75px}}@media(max-width:700px){html{scroll-padding-top:125px}.wrap{width:calc(100% - 40px)}.header{padding:17px 20px 13px;display:block}.header .brand{font-size:23px;display:inline-block}.header .brand span{font-size:8px}.header nav{margin-top:17px;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:1px}.nav-contact{padding-left:14px}.nav-contact span{margin-left:5px}.hero{display:block;padding-top:47px}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:22px}h1{font-size:clamp(30px,7.8vw,46px);line-height:1.65;letter-spacing:.015em;margin-bottom:20px}.intro{font-size:16px}.mobile{display:block}.button{gap:52px}.diagram{margin-top:40px;min-height:350px;padding-top:25px}.hero-foot{margin-top:28px;font-size:10px;gap:12px}.hero-foot a{font-size:9px;letter-spacing:1px}.hero-foot a span{margin-left:5px}.about{margin-top:20px}.section{padding-block:57px}.section-grid,.section-heading,.network{display:block}.section-label{margin-bottom:28px}.section-label>span{font-size:12px}.section-label>p{font-size:12px;margin-top:2px}h2{font-size:28px;line-height:1.65;margin-bottom:25px}.body-copy br{display:none}.principles{gap:12px 18px;font-size:12px}.service-grid{display:block;margin-top:32px}.service,.service:nth-child(even){padding:27px 0;border-left:0}.service h3,.network h3{font-size:23px}.service-top{font-size:11px}.service .service-tags{font-size:12px}.network{margin-top:35px}.network .eyebrow{margin-bottom:17px}.network p br{display:none}.steps{grid-template-columns:1fr 1fr;row-gap:26px}.steps li:nth-child(4){padding-left:18px;border-left:1px solid var(--line)}.steps li:nth-child(odd){padding-left:0;border-left:0}.steps h3{font-size:17px}.steps p{font-size:13px}.contact h2{font-size:28px}.contact p br{display:none}.email{font-size:clamp(15px,4.4vw,24px);gap:8px}.footer{flex-wrap:wrap;gap:24px 12px}.footer .brand{width:100%;font-size:23px}.footer>a:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
